Navbarは、クリック時のドロップダウンメニュー項目の境界線/背景色を変更します。

Question

ドロップダウンメニューを開くナビゲーションバー項目の項目「マイアカウント」をクリックすると、青い枠線が表示される理由を理解できません：

だから私はこのような!importantと赤ですべてを置くことを試みたが、成功しません：

nav a.nav-account.active { 
    color: red !important; 
    background: red !important; 
    border: 2px solid red !important; 
} 

例：http://jsfiddle.net/5o06orcg/1/

それはないのです.active私は編集する必要があります。の仕方？

Answer 1

あなたはセレクタnav a.nav-accountのための重要な境界線の色を行う必要があります。代わりにnav a.nav-account.activeあなたが.nav .open > aまたは.nav .open .dropdown-toggleにスタイルを適用する必要があるために動作します

nav a.nav-account { 
    color: white !important; 
    border-radius: 6px; 
    margin-left:10px; 
    margin-top:13px; 
    line-height:10px !important; 
    border: 2px solid white !important; 
} 

http://jsfiddle.net/a1vv9hvf/

Answer 2

：

.nav .open .dropdown-toggle { 
    color: red !important; 
    background: red !important; 
    border: 2px solid red !important; 
} 

！ Jsfiddle-example