Cuando se abre el menú desplegable, quiero cambiar el color predeterminado. Quiero cambiar el color y el fondo del borde usando css.¿Cómo cambiar el color de la lista desplegable de Bootstrap abierta?
Aquí es código html:
<div class="row menu">
<ul class="nav nav-pills pull-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown">
My reports
<span class="caret my-reports-caret"></span>
</a>
<ul class="dropdown-menu">
<li><%= link_to "Performance", performance_reports_path %></li>
<li class="divider"></li>
<li><%= link_to "Account settings", '#' %></li>
</ul>
</li>
</ul>
</div>
Mi css, que he intentado:
.menu .nav-pills .dropdown .open .dropdown-toggle{
background-color: red;
}
¿Dónde está problema en mis selectores?
Tal vez estoy confundido, pero 'puntos desplegable-toggle' a un' a 'etiqueta, pero el contenido en sí es desplegable exterior que en el' ul. dropdown-menu' element? –
sí, el menú desplegable solo es para abrir el menú desplegable. - http://twitter.github.com/bootstrap/components.html#navs – skrypalyk
Derecha; mira tu selector: '.menu.nav-pills .dropdown .open .dropdown-toggle' ¿No debería ser' .menu.nav-pills .dropdown .dropdown-menu'? –