Javascript 字体图标不会改变颜色

我正在尝试更改FontAwesomeIcon的颜色，它将保持白色

我尝试过使用

style={{color:'lime'}}

，

color=“green”

，并在图标中添加一个类并设置该类的样式

      <li class="actions">
        <FontAwesomeIcon icon={faPlay} className="start" style={{ 'color': "lime" }} />
        <FontAwesomeIcon icon={faStop} className="stop" />
        <FontAwesomeIcon icon={faTrash} className="delete" />
        <FontAwesomeIcon icon={faPencilAlt} className="edit" />
      </li>

我希望图标是石灰色，但它保持白色

---

我发现如果我将html上svg中的“fill”改为“lime”，它就会改变颜色。

我找到了一个解决方法，如果我用css将

路径

元素作为目标，并将其颜色设置为图标的颜色

---

.actions svg路径{color:lime；}

显然，

Fontaweomeicon

也有一个

color

prop。所以你可以这样做：

<FontAwesomeIcon icon={faPlay} className="start" color="lime" />

只有在添加内联SVG标记时，才可以使用fill属性更改颜色enough@Ricky它在我这方面起作用，所以要么是您的代码片段不完整（请参阅），要么是您使用的版本不同，所以请也指定它。