2016-12-12 10 views
2


問題: 私はブートストラップクラスを使用しました:.nav-pills。どのデフォルトのアクティブな状態は、私が望む色とは違う色です。 (テキストの色。)CSSブートストラップnav-pillsクラス変更アクティブ状態

<div class="pageOne text-center"> 
<ul class="nav nav-pills"> 
    <li class="pull-right"> 
    <a href="#third">Kontakt</a> 
    </li></ul></div> 

私はアクティブな色は黒になりたい。(それがクリックされたときに!) これは私が

a:active {color:black;} 

.nav-pills a:active {color:black;}
を試してみましたすべてですありがとう=)

+0

デフォルトのスタイルをオーバーライドすることをお勧めします。.nav-pills a:active {color:black!important;} – Andyjm

+0

あなたは '!important'を使用する必要があります – Sankar

+0

? .nav-丸薬a:アクティブまたは他のですか? – tatanga1888

答えて

1

このように追加する必要があります

.nav-pills>li>a:active{ 
    color:black; 
} 

このようにスタイルを追加すると、ブラウザがデフォルトのブートストラップスタイルと比較して加重を増やします。

+0

これはちょうど**** doesnt work =( – tatanga1888

+0

)ホバー状態(マウスが動くと色が変わる)でアクティブ状態に間違っているのですか? –

+0

そしてあなたの 'head'タグにブートストラップの下にスタイルシートを配置したことを確認してください –

関連する問題