Html 如何将SVG图标替换为基于字体的图标（font-Awesome/Ion）？

我有一个下拉列表，其中显示了一个SVG图标，而其他所有的列表都显示了一个带有基于字体的图标的按钮，在本例中是ion图标。当然，我希望所有下拉列表看起来都一样

我尝试过修改CSS代码，并查看了一些.js和.php文件，但都没有成功

SVG图标的代码

.dd__expandIcon{ 宽度：9px； 高度：15px； 弹性收缩：0； 填充：BDBD； 左边距：10px } 离子图标的代码

.reactiveToggleBtn\uuuuucqawh i{ 字体大小：13px； 颜色：4848； } 您可以直接看到实际结果下拉列表Thème de la séance vs预期结果所有其他下拉列表：site

---

谢谢你的帮助

您可以使用

导入图标 选择要转换的图标 点击生成字体 有关更多信息，请查看以下链接：

---

我终于找到了玩这个把戏的方法

隐藏svg：

svg.dd__expandIcon {visibility:hidden;}

在选择框中添加背景图像

.dd__selectControl {background: #f1f1f1 url('/wp-content/uploads/dropdown2.png') right no-repeat!important;}

---

也许不是正确的方法，但正如前面所说，它成功了。

这似乎是一个React应用程序，使用了某个库中的自定义组件？嗨，Chris，我直到现在才听说React，我相信它确实是一个。我是否应该更改我的请求并将其标记为React主题？对不起，我是一个新来的…font awesome是一个css库-你必须在你的代码的开头部分添加font awesome css库的链接，例如；但这不是最新版本。。你可以在线找到它为了改变图标，你最好改变源代码。理论上，您可以手动更改构建的JS文件，但当有人更改React源并重新构建它时，这些更改将再次消失。