Twitter bootstrap 如何更改打开的引导下拉列表的背景颜色

如何改变背景颜色，比如打开引导下拉选项的红色。代码如下：

    <nav class="navbar navbar-default" role="navigation">
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">WOMEN<b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
        </ul>
      </li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">MEN<b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Something</a></li>
          <li><a href="#">Another something</a></li>
        </ul>
      </li>          
    </ul>
  </div><!-- /.navbar-collapse -->
</nav>

我想做的是，当你点击按钮（例如女性）时，它会将文本颜色更改为红色，将主选项（女性）的背景更改为绿色，并保持不变，直到我切换单击或从主菜单中选择另一个选项（男性）

多谢各位

---

我希望这就是你想要的。单击

下拉列表

时，一个名为

.open

的类将添加到

下拉列表

，因此在该类的帮助下，您可以设置其样式

只需添加这些代码

ul.nav.navbar-nav .dropdown.open .dropdown-toggle{
  color: red;
  background-color: green;
}

.navbar.navbar导航{
显示：内联块；
浮动：无；
}
.导航栏.导航栏塌陷{
文本对齐：居中；
}
ul.nav.navbar-nav.dropdown.open.dropdown开关{
颜色：红色；
背景颜色：绿色；
}

我希望这就是你想要的。单击

下拉列表

时，一个名为

.open

的类将添加到

下拉列表

，因此在该类的帮助下，您可以设置其样式

只需添加这些代码

ul.nav.navbar-nav .dropdown.open .dropdown-toggle{
  color: red;
  background-color: green;
}

.navbar.navbar导航{
显示：内联块；
浮动：无；
}
.导航栏.导航栏塌陷{
文本对齐：居中；
}
ul.nav.navbar-nav.dropdown.open.dropdown开关{
颜色：红色；
背景颜色：绿色；
}