对于每个图标,可能有不同的变体,但并不是所有的都适合于网站上使用的图标集,我们能替换他们吗?

发布于 2020-11-26 17:10
共1个回答
UJ
游客uJLTPs

可以通过CSS和使用SVG来做到替换ICON图标,例如在React中:

import myDeviceIcon from './images/my-device.svg'

.uppy-DashboardTab .uppy-DashboardTab-btn:not([aria-controls]) svg {
    display:none;
}
.uppy-DashboardTab .uppy-DashboardTab-btn:not([aria-controls])::before {
    content: url(${myDeviceIcon});
}

除此之外你还可以使用CSS和字体图标来实现:

button[aria-controls='uppy-DashboardContent-panel--Webcam'] > svg {
  visibility: hidden !important;
}

button[aria-controls='uppy-DashboardContent-panel--Webcam']:after {
  font-family: FontAwesome;
  content: '\f130';
  position: absolute;
  font-size: 26px;
  top: 13px;
}
回答问题