2017-09-22 6 views
0

私は選択されたアクティブli要素のバックグラウンドボックスを削除しようとしていますが、ここでは実行できません。ブートストラップ用のコードです。バックグラウンドはグレーで表示されています。コードブートストラップのアクティブli要素のバックグラウンドボックスを削除するには?

.navbar { 
    margin-bottom: 0; 
    background-color: #204264; 
    z-index: 9999; 
    border: 0; 
    font-size: 14px !important; 
    line-height: 1.42857143 !important; 
    letter-spacing: 1px; 
    border-radius: 0; 
    font-family: Montserrat, sans-serif; 
} 


.navbar li a, .navbar .navbar-brand { 
    color: #fff ; 

} 



.navbar-nav li a:hover, .navbar-nav li.active a { 
color: #f4511e !important; 
    /*background-color: #fff !important;*/ 
} 



.navbar-default .navbar-toggle { 
    border-color: transparent; 
color: #fff !important; 
} 
+0

どのブートストラップバージョンをお使いですか? –

+0

V3を使用している場合は、行番号で修正することができます。デフォルトの.navbar-default> .navbar-default> .navbar-default> .navbar-default> .navbar-default> .navbar-default> a:hover {} ' –

+0

しかし、あなた自身のセレクタクラスを持っているあなたのstyles.css(またはあなたが使っている他のcssファイル)内でブートストラップファイル自体を変更しないことをお勧めします。 –

答えて

0

だけ使用

.navbar-nav li a:hover, .navbar-nav li.active a { 

この行に

.navbar-nav li a:hover{ 

これを.navbar-NAV li.active Aを削除しますli上を移動したカーソルのみを適用します。あなたもそれを削除する必要がない場合。

navbar-nav li a:hover, .navbar-nav li.active a { 
color: #f4511e !important; 
    /*background-color: #fff !important;*/ 
} 
+0

まだ、白いテキストで灰色の背景が表示されています –

+0

htmlコードを共有できますか? –

関連する問題