12

次の css を使用して、ナビゲーション バーのドロップダウン アクティブ リンクの背景色を変更しています。

.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a
{
   color: #fff;
   background-color: #b91773;
   border-color: #fff;
}

スクリーンショットに示すように、アクティブなドロップダウン リンクの背景色を適切に変更します。 ここに画像の説明を入力

しかし、nav-tabs に同じ css を拡張すると機能します。ここにcssクラスがあります

.nav .nav-tabs > li.dropdown.open.active > a, 
.nav .nav-tabs > li.dropdown.open.active > a:hover
{
  color: #fff;
  background-color: #b91773;
  border-color: #fff;
}

ここに出力があります ここに画像の説明を入力

この問題を解決する方法。

4

4 に答える 4

1

私のために働いたもの:

.navbar-default .navbar-nav .dropdown.open a:focus {
    background-color: #6dbcc9;
}
于 2016-09-08T16:07:54.107 に答える
1

ドロップダウン メニューの正確なクラスを見つける必要があります。それはあなたのナビにあるかもしれませんし、ないかもしれません。Bootstrap テーマのページネーション プロパティのアクティブなクラスの色を次のように変更しました。

ul.dropdown-menu>li.active>a:hover{
    background: #419641 !important;
}

ul.dropdown-menu>li.active>a{
    background: #51AB51 !important;
}
于 2015-12-04T01:33:34.803 に答える
0

jsfiddle を作成できれば、はるかに簡単になります。そうでない場合は、ここでできることがあります。

1-追加されたタブが「.nav .nav-tabs> li.dropdown.open.active」クラスに正確にあり、パスが正しいことを確認してください。そうでない場合は、機能しません。

2- したがって、関連しないクラスを追加したか、関連するクラスを追加していないかを調べます。

于 2016-06-24T19:19:12.723 に答える