javascript - Font Awesome 图标不会改变颜色React

我正在尝试更改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中的“填充”更改为“石灰”，它将更改颜色。

最佳答案

显然还有color的FontAwesomeIcon Prop 。因此，您可以执行以下操作:

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