Modifica colore di sfondo della scheda a discesa attiva in bootstrap 3.0

Question

Sto utilizzando il seguente css per modificare il colore di sfondo del collegamento attivo del menu a discesa barra di navigazione.

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

Cambia correttamente il colore di sfondo del collegamento a discesa attivo come mostrato nell'immagine.

Ma se estendo lo stesso css per nav-tabs non funziona. qui è classe 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; 
} 

Qui è uscita

Come risolvere questo problema.

Answer 1

penso che questo dovrebbe funzionare:

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

Nota n spazio tra .nav.nav-tabs motivo per scegliere di avere entrambi e non il secondo seguito dal primo.

accento circonflesso:

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

Answer 2

Si dovrebbe fint la classe esatta del menu a discesa. Potrebbe essere nel tuo nav o no. Ho cambiato il colore della classe attiva della proprietà impaginazione del tema Bootstrap come questo:

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

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

Answer 3

Sarebbe molto più facile se si potrebbe fare un jsfiddle. se no allora ecco cosa puoi fare.

1- verificare che la scheda Aggiunta si trovi esattamente nelle classi ".nav .nav -navs> li.dropdown.open.active" e che il percorso sia corretto. In caso contrario, non funzionerà.

2- Quindi, scoprire se è stata aggiunta una classe non pertinente o se non è stata aggiunta una classe pertinente.

Answer 4

Quello che ha funzionato per me:

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