ドロップダウンが開かれているとき - そのデフォルトの色を変更したいと思います。私は、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;
}
をどこセレクタに問題がありますか?ここで
をたぶん私は混乱しているが、 'ドロップダウン・toggle'ポイント' A'タグにはなく、ドロップダウンコンテンツ自体は 'ULでその外側にあります。ドロップダウンメニュー? –
はい、dropdown-toggleは、ドロップダウンメニューを開く場合のみです。 - http://twitter.github.com/bootstrap/components.html#navs – skrypalyk
右あなたのセレクタを見てください: '.menu .nav-pills .dropdown .open .dropdown-toggle'それは' .menu .nav-pills .dropdown .dropdown-menu'ではありませんか? –