我想给fa图标HTML上色

时间:2017-03-21 14:22:05

标签: html css

假设有一个fa图标:

//此代码不正确

  <i class="fa fa-trophy fa-3x" aria-hidden="true" style="background-color:#FFFF00;"></i>

我的目的是给奖杯本身上色,而不是奖杯外的背景。现在奖杯看起来像黑色我怎么能改变黄色的奖杯颜色?

3 个答案:

答案 0 :(得分:7)

Font awesome是一种字体 - 使用CSS color属性来改变颜色,而不是背景颜色。

<i class="fa fa-trophy fa-3x" aria-hidden="true" style="color: #ffff00;"></i>

答案 1 :(得分:3)

使用fa图标的颜色属性。

<i class="fa fa-trophy fa-3x" aria-hidden="true" style="color:yellow;"></i>

答案 2 :(得分:0)

fa图标是一种字体。请使用颜色属性。

<i class="fa fa-trophy fa-3x" aria-hidden="true" style="color:#357ebd;"></i>