Bootstrap 3 раскрывающегося меню меняет фон для фокуса подменю ⇐ CSS

[Anonymous]

Я изменил фоновые цвета моего меню Bootstrap, но цвет фона основного выпадающего элемента в списке меняется, когда подменю (меню, которое открывается, когда выпадающий элемент нажимается) в фокусе (то есть моя мышь над ней). < /p>
Это раскрывающийся в падении (что ведет себя, по мере целости): < /p>



/> < /p>

Это раскрывающийся список, когда у меня есть мышь по подменю, который открывается, когда раскрывается, нажимается (фоновый цвет - это не то, что я хочу; alt = "Введите описание изображения здесь" src = "https://i.sstatic.net/9btef.png" /> < /p>

Вот html: < /p>

[*]

Dropdown [/b]

• Action
• Another action
• Something else here
• Nav header
• Separated link
• One more separated link

< /code>

и CSS: < /p>

.navbar-mainnav {
background-color: #883333;
background-image: none;
}

.navbar-mainnav a, .navbar-mainnav a:hover {
color: #FFFFFF;
}

.navbar-mainnav .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
color: #ffffff;
background-color:transparent;
}

.navbar-mainnav .nav > li > a:hover, .mainnav > li.dropdown.open {
background-image: none;
background-color: #B54646;
}

.navbar-mainnav .dropdown-menu > li > a:hover, .navbar-mainnav .dropdown-menu > li > a:focus {
background-color: white;
background-image: none;
filter: none;
}

.navbar-mainnav .dropdown-menu > li > a:hover {
background-color: #CC6666;
background-image: none;
}


Подробнее здесь: https://stackoverflow.com/questions/185 ... menu-focus