twitter引导更改背景颜色的按钮与下拉菜单上点击

在Twitter引导2，我想能够更改导航栏中按钮的背景颜色，但只有当下拉菜单被点击。我试着改变CSS，我知道你可以改变的类背景颜色是twitter引导更改背景颜色的按钮与下拉菜单上点击

.dropdown-toggle { 
    *margin-bottom: -3px; 
    background-color: #fffffff; 
    }

但是这并没有像静态那样工作。我也试过

 .dropdown-toggle:active, 
    .open .dropdown-toggle { 
    outline: 0; 
    background-color: #fffffff; 
    }

但是这也没有奏效（没有任何反应）。

HTML看起来像这样：

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="brand" href="#">...</a> 
     <!-- nav-collapse indicates what will be in collapsed navigation --> 
     <div class="nav-collapse collapse"> 
     <ul class="nav"> 
      <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li> 
      <li><a href="#about">...</a></li> 
      <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">...<b class="caret"></b></a> 
    <ul class="dropdown-menu"> 
      <li><a href="#">...</a></li> 
      <li><a href="#">...</a></li> 
       </ul> 
      </li> 
      ...

所以我想这是一个JavaScript的问题，但我真的不知道该怎么做。其他人是否知道并可以提供帮助？

http://jsfiddle.net/3xdws/代码在这里，但它似乎没有显示出于某种原因下拉项目？哦好吧

来源

2013-07-28 John61590

你可以把你代码在jsfiddle.net – designtocode

完成并编辑原文 – John61590

你需要在你的css中编辑这个类.dropdown .open。

所以，如果你想改变的背景下，这将是这样的：

.dropdown.open { 
    background: #fff; 
}

而对于字体颜色在这里改变它：

.dropdown.open .dropdown-toggle { 
    color: #000; 
}

See the updated fiddle here

来源

2013-07-28 17:25:45 designtocode

似乎工作耶。我想我太想它了！ – John61590

twitter引导更改背景颜色的按钮与下拉菜单上点击

回答

相关问题