1

问题是当我的菜单选项卡项处于活动状态时（就像这里的第一个选项卡一样） - 图标会自动变为白色并且不可见。如何将图标的颜色更改为黑色？有等级可以使它变白icon-white，但没有等级可以使它变暗。

<ul class="nav nav-tabs">
<li class="active">
    <a href="#">
        <i class="icon-fire"></i> Newest</a>
</li>
<li>
    <a href="#">
        <i class="icon-star"></i> Most popular</a>
</li>
<li>
    <a href="#">
        <i class="icon-heart"></i> Etc.</a>
</li>
</ul>
4

2 回答 2

3

您可以尝试.active通过将其添加到您的图标来覆盖样式：（background-image: url("../img/glyphicons-halflings.png") !important;您可能需要调整路径，但可能不需要）。

只有两种可用的颜色；默认的深灰色一种，白色的一种。您不能将颜色更改为这两个以外的颜色，因为它们是从静态 sprited中获取的png。

要更好地控制此类图标的大小及其颜色，请查看Font Awesome，它与Bootstrap集成。它使您可以完全控制，因为图标以矢量格式保存为字体。

于 2012-09-23T16:28:06.793 回答
0

确实有一种改变颜色的方法：

只需转到 bootstrap.min.css

并搜索 .bs-glyphicons li:hover

并将“颜色：#fff ”更改为“颜色：#000 ”（或您想要的任何颜色）

我为我的一个项目测试了它，它运行良好。希望这对您也有帮助。

于 2014-03-06T08:28:57.790 回答