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;パスを調整する必要があるかもしれませんが、おそらくそうではありません）。

利用できる色は2つだけです。デフォルトの濃い灰色のものと白いもの。静的なスプライトから取得されているため、これら2つ以外の色に変更することはできませんpng。

このようなアイコンのサイズと色をより細かく制御するには、 Bootstrapと統合するように構築されたFontAwesomeをご覧ください。アイコンはフォントとしてベクター形式で保存されるため、完全に制御できます。

于 2012-09-23T16:28:06.793 に答える
0

確かに色を変更する方法があります：

bootstrap.min.cssにアクセスするだけです

.bs-glyphicons li：hoverを検索し ます

' color：#fff 'を' color：＃000 '（または任意の色）に変更します

私は自分のプロジェクトの1つでそれをテストしましたが、完全に機能しています。これがあなたにも役立つことを願っています。

于 2014-03-06T08:28:57.790 に答える