Quando Dropdown è aperto - Voglio cambiare il colore predefinito di esso. Voglio cambiare il colore e lo sfondo del bordo usando css.Come cambiare il colore del menu a discesa Bootstrap aperto?
Ecco codice 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>
mio css, che ho provato:
.menu .nav-pills .dropdown .open .dropdown-toggle{
background-color: red;
}
Dove è problema nel mio selettori?
Forse sono confuso, ma 'punti discesa-toggle' a un' a' tag, ma il contenuto discesa è di per sé al di fuori che nel 'ul. elemento dropdown-menu'? –
sì, l'interruttore a discesa è disponibile solo per il menu a discesa di apertura. - http://twitter.github.com/bootstrap/components.html#navs – skrypalyk
Diritto; guarda il tuo selettore: '.menu .nav-pills .dropdown .open .dropdown-toggle' Non dovrebbe essere' .menu .nav-pills .dropdown .dropdown-menu'? –