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

Question

使用 Bootstrap 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 变量是什么？

目标是在悬停/点击等过程中保持条形为白色，背景为蓝色。

提前致谢。

Answer 1

不确定您是否可以通过自定义页面自定义它，但您可以通过 css 定位和覆盖按钮样式。我相信你必须指定你使用的是哪个导航栏，所以如果你使用 .navbar-default 那么你会做如下的事情:

.navbar-default .navbar-toggle:hover{
  background:none;
}