Ändern der aktiven Dropdown-Registerkarte Hintergrundfarbe in Bootstrap 3.0

Question

Ich verwende die folgenden CSS, um die Hintergrundfarbe der Navbar DropDrop aktiven Link zu ändern.

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

Die Hintergrundfarbe des aktiven Dropdown-Links wird korrekt geändert, wie im Screenshot gezeigt.

Aber wenn ich dieselbe css für nav-Tabs erweitern, funktioniert es nicht. hier ist CSS-Klasse

.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; 
} 

Hier ausgegeben

Wie dieses Problem zu beheben.

Answer 1

ich denke, das sollte funktionieren:

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

Hinweis kein Raum zwischen .nav.nav-tabs Ursache gefolgt auszuwählen sowohl für mit und nicht den zweiten von der ersten.

caret:

.nav.nav-tabs > li.dropdown.active.open > a span.caret {border-top-color: #fff;border-bottom-color: #fff;} 

Answer 2

Sie sollten die genaue Klasse des Drop-Down-Menü fint. Es könnte in Ihrem Nav sein oder nicht. Ich habe die aktive Klasse Farbe der Paginierung Eigenschaft des Bootstrap Themen wie folgt aus:

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

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

Answer 3

Es wäre viel einfacher, wenn Sie einen jsfiddle machen könnte. Wenn nicht, dann ist hier, was Sie tun können.

1- stellen Sie sicher, dass die Registerkarte Hinzugefügt genau in ".nav .nav-tabs> li.dropdown.open.active" Klassen liegt und der Pfad korrekt ist. Wenn nicht, wird es nicht funktionieren.

2- Finden Sie heraus, ob Sie eine Klasse hinzugefügt haben, die nicht relevant ist oder ob Sie keine relevante Klasse hinzugefügt haben.

Answer 4

Was für mich gearbeitet:

.navbar-default .navbar-nav .dropdown.open a:focus { 
    background-color: #6dbcc9; 
}