bootstrap3下拉菜单点击之后怎么改变背景颜色？

Question

      <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
         <i class="fa fa-plus" aria-hidden="true"></i> 
         <span class="caret"></span>
       </a> 
       <ul class="dropdown-menu"> 
        <li><a id="header_send_message">站内信</a></li>
        <li><a id="header_send_message">站内信</a></li>
        <li><a id="header_send_message">站内信</a></li>
        <li><a id="header_send_message">站内信</a></li>
        <li class="divider"></li>
        <li><a href="{:U('navigation/index','type=simple')}">选项设置</a></li>
       </ul> 
       </li>

bootstrap3下拉菜单点击之后怎么改变背景颜色呢？谢谢

Answer 1

这个就找给你点击的按钮添加一个有背景颜色的class就行了呀

Answer 2

看了一下官网的例子，当点击的时候，a外层的li会添加一个open类，然后a就会应用.nav .open>a的样式，其中设置了背景色为灰色，你需要自己设置一个优先级高的选择器，然后在里面设置background-color: transparent;。

比如给a添加一个id="hello"，然后设置#hello{background: transparent;}。

Update1:
.open #hello{background: transparent;}
.open貌似是出来下拉框以后添加到li上的类；