無法更改引導程序中圖標欄的顏色

Question

當我點擊圖標欄（顯示在移動設備或放大圖標欄）時，該顏色將變回默認值。在停用/鼠標移出後不應該改變顏色。

這裏是鏈接到我的網站：https://bgrnature.herokuapp.com/

HTML：

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-controls="navbar"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
</button> 

我試過，但仍然沒有奏效：

.navbar-default .navbar-toggle{ 
    background: #51a746; 
    color: #fff !important; 
    border-color: #51a746; 
} 

.navbar-default .navbar-toggle .icon-bar { 
    background-color: #fff; 
} 

.navbar-default .navbar-toggle:hover{ 
    background-color: #51a746; 
} 

Answer 1

的問題是不與。 navbar-toggle's：懸停但帶有：焦點。要解決此問題，在你的CSS更改爲解決這個問題：

替換此：

.navbar-default .navbar-toggle:hover{ 
    background-color: #51a746; 
} 

與此：

.navbar-default .navbar-toggle:focus { 
    background-color: #51a746; 
}