Переключить изменение цвета значка на панели с помощью Bootstrap

Я пытаюсь изменить цвет класса .icon-bar, когда вы наводите на него курсор. Я получил кнопку переключения, чтобы изменить цвет и панель значков, используя:

.navbar-preheader .navbar-toggle {
    border: 1px solid white;
    background-color: transparent;
    margin-right: 0;
}

.navbar-preheader .navbar-toggle:hover {
    background-color: #4d4d4d;
}

.navbar-preheader .navbar-toggle .icon-bar {
    background-color: white;
}

Код наведения, который я использовал, был:

.navbar-preheader .navbar-toggle .icon-bar:hover {
    background-color: #4d4d4d;
}

Но это в основном делает каждый цвет значка-стрелки индивидуальным (см. ниже), но все они должны сразу менять цвет...

Я уверен, что что-то глупое мне не хватает, но любая помощь очень ценится. Спасибо.

Ответ 1