使用 Bootstrap 2 将某些地方的字形颜色更改为蓝色，但不是全部地方

我的 UI 使用 Bootstrap 框架。我想将字形的颜色更改为蓝色，但不是在所有地方。在某些地方它应该使用默认颜色。

我已经参考了这两个链接，但没有发现任何有用的信息。

• 我可以仅使用 CSS 为 bootstrap 图标添加颜色吗？ https://stackoverflow.com/questions/12379153/can-i-add-color-to-bootstrap-icons-only-using-css
• 如何将 Bootstrap 3 的字形更改为白色？ https://stackoverflow.com/questions/18070322/how-do-i-change-bootstrap-3s-glyphicons-to-white

请注意：我正在使用引导程序2.3.2.

图标将采用值的颜色color它的父级的 css 属性。

您可以将其直接添加到样式中：

<span class="glyphicon glyphicon-user" style="color:blue"></span>

或者你可以将它作为一个类添加到你的图标中，然后在 CSS 中设置它的字体颜色

HTML

<span class="glyphicon glyphicon-search"></span>
<span class="glyphicon glyphicon-user blue"></span>
<span class="glyphicon glyphicon-trash"></span>

CSS

.blue {
    color: blue;
}

这把小提琴 http://jsfiddle.net/S3R23/有一个例子。