如何更改bootstrap v2.2.2的图标颜色?

时间:2014-01-12 12:50:22

标签: css3 twitter-bootstrap-2

我在我的应用程序中使用Bootstrap v2.2.2,我使用'icon-off'类来实现跨度。默认情况下,它显示深灰色图标。我想将此图标颜色更改为红色和蓝色。我使用'text-error'类为红色图标,我无法将该图标变为红色,我没有找到蓝色的类,我怎么能闪烁这个红色的图标?

这是我的代码,

<span class="icon-off text-error" title="shutdown"></span> | <span class="icon-off text-blue" title="Active"></span>

请帮我解决一下这个问题,如何使用bootstrap类或CSS为图标添加颜色?

注意:Bootstrap 3.0.0,不推荐使用font-awesome到我当前的项目,所以我不应该升级到其他版本。

1 个答案:

答案 0 :(得分:2)

自己回答我的问题,因为它可能对某些人有所帮助。 但是,我不确定为什么'icon-off'没有显示用户定义的颜色代码。我使用'icon-switch'而不是'icon-off'。

下面是我的工作代码,

<span class="icon-switch text-error" title="shutdown"></span>
<span class="icon-off" style="color:blue" title="Active"></span>