在引導3.0中更改活動下拉選項卡背景顏色

我正在使用下面的CSS來更改導航欄下拉活動鏈接的背景顏色。在引導3.0中更改活動下拉選項卡背景顏色

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

正確更改活動下拉鍊接的背景顏色，如截圖所示。 enter image description here

但是，如果我擴展導航選項卡相同的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; 
}

這裏是輸出 enter image description here

如何來解決這個問題。

來源

2013-09-25 irfanmcsd

我認爲這應該工作：

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

注.nav.nav-tabs事業之間沒有空間來選擇具有兩個而不是第二，之後將第一。

插入符號：

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

來源

2013-09-25 22:02:25

嘗試過，但仍然沒有工作。可能會在bootstrap自定義部分直接更新它來解決這個問題。 – irfanmcsd

你可以提供一個bootply或jsfiddle顯示上述不工作？我thik我應該工作，或者我不明白你的問題，請參閱：http://bootply.com/83383 –

你的bootply顯示你的CSS工作正常。可能是我的項目中的一些其他css類重疊。任何感謝。 – irfanmcsd

你應該FINT的確切類的下拉菜單中。它可能在您的導航或不。我改變了引導主題的這樣的分頁屬性的活動類的顏色：

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

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

來源

2015-12-04 01:33:34

這將是一個容易得多，如果你可以做一個的jsfiddle。如果不是，那麼這裏是你可以做的。

1-確保選項卡添加謊言完全在「.nav .nav-tabs> li.dropdown.open.active」類中，路徑是正確的。如果不是，它不會工作。

2-因此，看看您是否添加了一個不相關的類，或者您沒有添加相關的類。

來源

2016-06-24 19:19:12

什麼工作對我來說：

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

來源

2016-09-08 16:07:54 Rokit

在引導3.0中更改活動下拉選項卡背景顏色

回答

相關問題