打开下拉菜单时 - 我想更改它的默认颜色。我想使用 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;
}
我的选择器哪里有问题?
最佳答案
如果您使用的是最新版本的 Bootstrap,请使用此类。
.dropdown-toggle:active, .open .dropdown-toggle {
background:#FFF !important;
color:#000 !important;
}
它解决了我的问题,也许对你有帮助。
关于html - 如何更改打开的 Bootstrap 下拉切换的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11288998/