Bootstrap下拉按鈕在點擊時會變成一半黑色？

對於這個愚蠢的問題，提前抱歉，我在導航欄（navbar-inverse）中創建了一個下拉按鈕的標誌，但單擊該按鈕時會變成一半黑色。我沒有定製按鈕，它是簡單的純紅色危險按鈕。我一直在尋找原因，但沒有任何工作。所以請幫助我。Bootstrap下拉按鈕在點擊時會變成一半黑色？

<div class="navbar navbar-inverse" style="margin-bottom:0px"> 
      <div class="navbar-inner"> 
       <ul class="nav pull-right" style="margin-top:3px"> 
        <li class="active span2"><a href="#">HOME</a></li> 
        <li><a href="#" class="span2">ABOUT</a></li> 
        <li><a href="#" class="span2">PRICING</a></li> 
        <li><a href="#" class="span2">CONTACT</a></li> 
        <li class="dropdown">       
         <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#">SIGN IN</button> 
         <ul class="dropdown-menu" style="margin-right:25px;margin-top:10px;width:230px"> 
          <form align="center" style="text-align:center"> 
           <div class="input-prepend"> 
            <span class="add-on" style="margin-top:10px"><i class="icon-user icon-black"></i></span> 
            <input type="text" style="width:140px;margin-top:10px"/> 
           </div> 
           <input type="text" style="width:170px"/> 
          </form> 
         </ul>     
        </li> 
       </ul> 

      </div> 
     </div>

before clicking

after clicking

來源

2013-02-19 PRASANTH

請張貼鏈接到您的網站或展示的jsfiddle您的問題的jsfiddle。 – zakangelle 2013-02-19 04:53:25

[http://jsfiddle.net/prasanthkumarayyappan/YAga9/1/](http://jsfiddle.net/prasanthkumarayyappan/YAga9/1/）但導航欄確定，但下拉式不起作用 – PRASANTH 2013-02-19 05:18:10

@PRASANTH請檢查解決方案 – Shail 2013-02-19 05:29:27

的問題是，因爲.navbar-inverse .nav li.dropdown.open和.navbar .nav li.dropdown.open類。

請在您的自定義樣式表中使用以下類，將background-color更改爲您的選擇。

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { 
background-color:#BD362F; 
color: #FFFFFF; 
} 
     .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { 
background-color:#BD362F; 
color: #555555; 
}

你Jsfiddle with drop down

來源

2013-02-19 05:28:56 Shail

哇，這就是我一直在尋找，它工作正常。謝謝 – PRASANTH 2013-02-19 06:44:23

不客氣！.. – Shail 2013-02-19 09:30:27

順便說一句。這是爲什麼？爲什麼它不在默認的引導CSS？ – Derfder 2013-03-07 07:25:09

Bootstrap下拉按鈕在點擊時會變成一半黑色？

回答

相關問題