0

http://jsfiddle.net/mblase75/8Sd9m/ (折りたたまれたスマートフォンのメニューではなく、デスクトップのメニューバーを取得するのに十分な幅の「結果」ウィンドウを開きます。)

Twitter Bootstrap サイトを新しい色とスタイルでカスタマイズしようとしています。LESS をインストールせずに、私は古き良き CSS オーバーライドでそれを行っています。

私が今抱えている問題は、メニュー項目にあります。デフォルトの灰色の背景を赤で上書きできますが、[Our Team] または [Portfolio] をクリックしてドロップダウンを開き、マウスをドロップダウンに移動すると、メニュー項目がデフォルトの灰色に切り替わります。

奇妙なことに<a>、問題のタグを Chrome または Firefox デバッガーで選択すると、赤に戻ります! デバッガーで背景が灰色のタグを選択する前だけです。

これは、Bootstrap Dropdown JS の何らかの機能に違いないと思いますが、DOM 内のスタイルやクラスを変更しているようには見えません。

必須 CSS:

.navbar-default .navbar-nav > .open .dropdown-menu > li > a,
.navbar-default .navbar-nav > li > a {
    color: #eb212e;
    border-color: #eb212e;
}
.navbar-default .navbar-nav > li.open > a, 
.navbar-default .navbar-nav > li.open > a:hover, 
.navbar-default .navbar-nav > .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    border-color: #eb212e;
    background-color: #eb212e;
}
4

2 に答える 2

1

これを CSS に追加できます:タグの:focus状態a

.navbar-default .navbar-nav > li.open > a:focus {
    background-color: #eb212e;
}

あなたのフィドルhttp://jsfiddle.net/8Sd9m/5/

于 2013-11-13T15:29:30.710 に答える