Изменить цвет .icon-bar на белый?

Question

Я пытаюсь изменить цвет панели значков свернутого меню на белый (три линии на мобильных устройствах). Я просто не могу понять это.

Вот мой html:

<div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-left newstyle" href="http://hopewellmc.org"><img height="50" alt="Brand" src="http://hopewellmc.org/favicons/Badge.png"></a>
    </div>

Я пытался изменить файл CSS, но не могу найти правильный стиль, чтобы изменить эти полосы на белые.

Answer 1

Отметьте эту скрипку

https://jsfiddle.net/pu6gqo48/

Я думаю, вы используете bootstrap 3, поэтому вам нужно добавить 2 селектора для icon-bar класс.

.navbar-header .navbar-toggle.collapsed .icon-bar {
  background-color: gray;
}

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

В примере используются синий и красный цвета.