我可以仅使用 CSS 为 bootstrap 图标添加颜色吗？

Twitter 的引导程序使用 Glyphicons 的 Icons。他们是 ”available in dark gray and white“ 默认情况下：

是否可以使用一些 CSS 技巧来改变图标的​​颜色？我希望 css3 能有一些其他的优点，这样就不必为每种颜色设置图标图像。

我知道您可以更改封闭的背景颜色（<i>) 元素，但我说的是图标前景色。我想可以反转图标图像的透明度，然后设置背景颜色。

那么，我可以只使用 CSS 为 bootstrap 图标添加颜色吗？

是的，如果您使用字体真棒与引导程序！图标略有不同，但数量更多，在任何尺寸下看起来都很棒，并且您可以更改它们的颜色。

基本上，图标是字体，您只需使用 CSS 颜色属性即可更改它们的颜色。集成说明位于页面底部提供的链接中。

Edit:Bootstrap 3.0.0 图标现在是字体！

正如其他一些人在 Bootstrap 3.0.0 的发布中也提到的那样，默认图标字形现在是像 Font Awesome 这样的字体，并且只需更改颜色即可更改colorCSS 属性。可以通过以下方式更改大小font-size财产。