css - Bootstrap 3.3.7 更改导航栏中折叠堆栈的悬停/活动颜色？

Question

使用引导程序 v3.3.7

尝试使用以下页面自定义导航栏颜色： https ://getbootstrap.com/docs/3.3/customize/

除非导航栏折叠起来，否则一切正常，即：

    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" 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>

图标栏在折叠时显示如下（很好）：

但是，当我将鼠标悬停在图标栏上时，它们会显得褪色，即：

显然，悬停/活动背景和前景色需要调整，但有哪些神奇的 LESS 变量需要更改？

目标是在悬停/单击等期间保持条形白色和背景蓝色。

提前致谢。

标签： csstwitter-bootstrap

Answer 1

background-color: transparent;像这样试试

.navbar .navbar-header .navbar-toggle:focus, 
.navbar .navbar-header .navbar-toggle:hover {
    background-color: transparent;
}