Bootstrap下拉菜單更改子菜單焦點上的背景

Question

我已更改我的Bootstrap菜單的背景顏色，但列表中主下拉菜單項的背景顏色正在更改，當子菜單（下拉菜單項打開時點擊）是焦點（即我的鼠標在它）。

這是懸停下拉（這表現爲意）：

這是下拉時，我有我的鼠標，當下拉菜單被點擊（背景色打開子菜單是不是我想要的，我想要的背景顏色保持不變）：

這裏的HTML：

<li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
     Dropdown <b class="caret"></b> 
    </a> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li class="divider"></li> 
     <li class="dropdown-header">Nav header</li> 
     <li><a href="#">Separated link</a></li> 
     <li><a href="#">One more separated link</a></li> 
    </ul> 
</li> 

而CSS：

.navbar-mainnav { 
    background-color: #883333; 
    background-image: none; 
} 

.navbar-mainnav a, .navbar-mainnav a:hover { 
    color: #FFFFFF; 
} 

.navbar-mainnav .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { 
    color: #ffffff; 
    background-color:transparent; 
} 

.navbar-mainnav .nav > li > a:hover, .mainnav > li.dropdown.open { 
    background-image: none; 
    background-color: #B54646; 
} 

.navbar-mainnav .dropdown-menu > li > a:hover, .navbar-mainnav .dropdown-menu > li > a:focus { 
    background-color: white; 
    background-image: none; 
    filter: none; 
} 

.navbar-mainnav .dropdown-menu > li > a:hover { 
    background-color: #CC6666; 
    background-image: none; 
} 

Answer 1

只是把這個CSS我覺得這是工作

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { 
background-color: #B54646; 
} 

Answer 2

也許嘗試呢？請張貼一個jsfiddle，以便我們確保它可以正常工作。

.navbar-default .navbar-nav > li:hover { 
    background: #your-background-color; 
    color: #your-text-color; 
} 

Answer 3

這裏的工作小提琴：https://jsfiddle.net/Lindow/yvyvg1ja/4/

爲了防止後臺從下拉菜單中點擊使用改變：

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { 
    background-color: #CC6666; 
}