javascript - 字体真棒图标不改变颜色反应

Question

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

标签： javascripthtmlcssreactjsfont-awesome

Answer 1

显然也有一个color道具FontAwesomeIcon。所以你可以这样做：

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