打开下拉列表时,我想改变它的默认颜色。我希望使用CSS更改边框颜色和背景。
以下是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;
}
我的选择器哪里出了问题?
dropdown-toggle
指向一个a
标签,而下拉菜单内容本身在ul.dropdown-menu
元素之外? - Jared Farrish.menu .nav-pills .dropdown .open .dropdown-toggle
。难道不应该是.menu .nav-pills .dropdown .dropdown-menu
吗? - Jared Farrish