在悬停时更改图标栏Bootstrap切换菜单

Question

当同时悬停切换导航时，如何更改图标栏的颜色？目前，只有悬停在每个单独的图标栏上时，切换栏才会发生变化。另外你如何改变图标条的厚度？

CSS：

    .navbar-default .navbar-toggle:hover{
    background: #dbdbdb;
    cursor: pointer;
}

    .navbar-default .navbar-toggle .icon-bar:hover {
    background: white;
}

HTML：                                                   切换导航                                                                                          ×               家               链接               链接               链接               链接                                 

Answer 1

如果要在光标结束时更改图标栏颜色.navbar-toggle请使用以下代码：

.navbar-default .navbar-toggle:hover .icon-bar {
    background: color_for_icon-bar_backgorund;
}

要使图标栏元素更厚，请改变高度：

.navbar-toggle .icon-bar {
    height: 4px;
}