Twitter's bootstrap uses Icons by Glyphicons .它们默认为“available in dark gray and white”:
是否可以使用一些 CSS 技巧来更改图标的颜色？我希望有一些其他的 css3 brilliance 可以避免为每种颜色设置图标图像。
我知道您可以更改封闭 ( <i>) 元素的背景颜色，但我说的是图标前景色。我想可以反转图标图像的透明度，然后设置背景颜色。
那么，我可以只使用 CSS 为 bootstrap 图标添加颜色吗？
最佳答案
是的，如果你使用 Font Awesome使用 Bootstrap !图标略有不同，但数量更多，它们在任何尺寸下看起来都很棒，并且您可以更改它们的颜色。
基本上图标是字体，您可以使用 CSS color 属性更改它们的颜色。集成说明位于页面底部提供的链接中。
编辑:Bootstrap 3.0.0 图标现在是字体!
正如其他一些人在 Bootstrap 3.0.0 的发布中提到的那样，默认的 icon glyphs现在是像 Font Awesome 这样的字体，只需更改 color CSS 属性即可更改颜色。可以通过 font-size 属性更改大小。
关于css - 我可以只使用 CSS 为 Bootstrap 图标添加颜色吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12379153/