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

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

Answer 1

显然 FontAwesomeIcon 也有一个 color 属性。所以你可以这样做:

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