當下拉菜單打開時 - 我想更改它的默認顏色。我想用css改變邊框的顏色和背景。如何更改打開的Bootstrap下拉菜單的顏色?
下面是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>
我的CSS,我試過:
.menu .nav-pills .dropdown .open .dropdown-toggle{
background-color: red;
}
哪裏是問題,我的選擇?
也許我很困惑,但'下拉-toggle'指向一個'了'標籤,但下拉內容本身在'UL之外的。下拉菜單元素? –
是的,下拉菜單僅用於打開下拉菜單。 - http://twitter.github.com/bootstrap/components.html#navs – skrypalyk
正確;看看你的選擇器:'.menu .nav-pills .dropdown .open .dropdown-toggle'不應該是'.menu .nav-pills .dropdown .dropdown-menu'嗎? –