我有一个显示 SVG 图标的下拉列表,而所有其他列表显示一个带有基于字体的图标(在本例中为 ionic 图标)的按钮。当然,我希望所有下拉列表看起来都一样。
我尝试修改 CSS 代码并查看了一些 .js 和 .php 文件,但没有成功。
SVG图标代码
<svg class="dd__expandIcon" viewBox="0 0 9 15" width="9px" height="15px">
<path d="M315,1318.04l-4.5,4.96-4.5-4.96,0.944-1.04,3.557,3.92,3.553-3.92,0.944,1.04m-9-5.08,4.5-4.96,4.5,4.96-0.944,1.04-3.557-3.92-3.553,3.92L306,1312.96" transform="translate(-306 -1308)"></path>
</svg>
.dd__expandIcon {
width: 9px;
height: 15px;
flex-shrink: 0;
fill: #bdbdbd;
margin-left: 10px
}
ionic 图标代码
<button type="button" class="reactiveToggleBtn___cQAWH">
<i class="ion-chevron-down"></i>
</button>
.reactiveToggleBtn___cQAWH i {
font-size: 13px;
color: #484848;
}
您可以在此处直接查看实际结果(下拉菜单“Thème de la séance”)与预期结果(所有其他下拉菜单):网站
感谢您的帮助!
最佳答案
关于html - 如何用基于字体的图标(Font Awesome/Ion)替换 SVG 图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55830319/