Po otwarciu menu rozwijanego - chcę zmienić jego domyślny kolor. Chcę zmienić kolor obramowania i tło przy użyciu css.Jak zmienić kolor otwartego przełącznika rozwijanego Bootstrap?
Oto kod 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>
Moje css, że próbowałem:
.menu .nav-pills .dropdown .open .dropdown-toggle{
background-color: red;
}
Gdzie jest problem w moich selektorów?
Może jestem zdezorientowany, ale 'punkty rozwijana-toggle' do' A' tagu, ale zawartość jest rozwijana sama poza, że w 'ul. element menu "dropdown-menu"? –
Tak, menu rozwijane służy tylko do otwierania menu rozwijanego. - http://twitter.github.com/bootstrap/components.html#navs – skrypalyk
Prawo; spójrz na swój selektor: '.menu .nav-pills .dropdown .open .dropdown-toggle' Nie powinno to być' .menu .nav-pills .dropdown .dropdown-menu'? –