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引導更改背景顏色的按鈕與下拉菜單上點擊

回答

相關問題