«раскрывающийся список» Bootstrap

Question

Я пытаюсь изменить цвет фона элемента li, когда он class изменяется с "dropdown" по "dropdown open" на клик. Мне удалось успешно изменить цвет текста (a). Однако я не могу изменить родительские свойства li.

Я скопировал здесь код: http://www.bootply.com/FK88owgjgL. В конце файла CSS вы увидите, что мне удалось закодировать относительно цвета фона li и его дочернего элемента. Я не могу понять, почему цвет шрифта работает, а фон - нет.

Любая помощь будет очень признательна.

Спасибо за ваше время

Answer 1

Я думаю, что проблема связана с плавающими элементами внутри формы, добавив ясно затруднительное поможет.

.navbar-right .dropdown-menu form:after { 
    content: ""; 
    display: table; 
    clear: both; 
} 

И есть немного дополнительного фона внизу, из-за родительского поля, который может быть покоем.

.navbar-right { 
    margin-bottom: 0; 
} 

Используйте это ниже, если вам нужно изменить цвет фона самого объекта поиска (с увеличительным стеклом), когда активна.

li.dropdown.open > a:focus { 
    color: #000; 
    background: red; 
} 

DEMO:http://jsfiddle.net/1ub60vcj/3/

Answer 2

Является ли это то, что вы хотите: http://www.bootply.com/rzkcuqK3jA

.nav.navbar-right.navbar-nav.bot-search { 
    background-color: #000; 
    margin: 0 -15px; 
    padding: 5px 0px; 
}