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＆＃39; s：hover但是：focus。要解决此问题，请在css中更改此问题以解决问题：

替换它：

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

用这个：

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

无法在引导程序中更改图标栏的颜色

1 个答案: