颜色更改导致图标不显示在svg版本的font Aewome 5上

我使用的是最新版本的svg+js。我只能用内联样式更改图标的颜色

每当我添加一个类时，图标就会停止显示，并变成一个闪烁的感叹号

这是一把显示问题的小小提琴

法怀特先生{
填充：#ffffff；
颜色：#ffffff；
}

显然，附加类的前缀

fa-

将导致错误。解决方案是使用不带前缀的额外类：例如

white

而不是

fa-white

.white{
填充：#ffffff；
颜色：#ffffff；
}

---

显然，附加类的前缀

fa-

将导致错误。解决方案是使用不带前缀的额外类：例如

white

而不是

fa-white

.white{
填充：#ffffff；
颜色：#ffffff；
}

您可以向包装元素添加一个类，例如

，也可以添加一个不以

fa-

开头的类：我不知道前缀用法问题。你能在回复中附上你的评论吗？所以我可以接受这个答案。谢谢。您可以向包装元素添加一个类，例如

，也可以添加一个不以

fa-

开头的类：我不知道前缀用法问题。你能在回复中附上你的评论吗？所以我可以接受这个答案。谢谢。主要的问题是，JS将尝试寻找一个名为

fa-white

的图标，但该图标不存在。谢谢您的评论。这就是我所说的：“附加类的前缀fa将导致错误”。我的解决方案是使用class

white

而不是

fa-white

，或者，如果OP必须使用

fa-white

，他们可以将其用于span，但不能用于

i

元素。主要问题是JS将尝试寻找一个名为

fa-white

的图标，该图标不存在。谢谢您的评论。这就是我所说的：“附加类的前缀fa将导致错误”。我的解决方案是使用class

white

而不是

fa-white

，或者，如果OP必须使用

fa-white

，他们可以将其用于span，但不能用于

i

元素。