2012-09-09 84 views
2

好吧,所以我試圖將打開的twitter引導程序下拉菜單的背景顏色更改爲深灰色,但仍然是白色!幫助將這麼多的讚賞......如何更改twitter引導程序下拉菜單的背景顏色

這裏是CSS代碼:

.dropdown-menu { 
    position: absolute; 
    top: 100%; 
    left: 0; 
    z-index: 1000; 
    float: left; 
    display: none; 
    min-width: 160px; 
    padding: 4px 0; 
    margin: 0; 
    list-style: none; 
    background-color:#606060; 
    border-color: #ccc; 
    border-color: rgba(0, 0, 0, 0.2); 
    border-style: solid; 
    border-width: 1px; 
    -webkit-border-radius: 0 0 5px 5px; 
    -moz-border-radius: 0 0 5px 5px; 
    border-radius: 0 0 5px 5px; 
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
    -webkit-background-clip: padding-box; 
    -moz-background-clip: padding; 
    background-clip: padding-box; 
    *border-right-width: 2px; 
    *border-bottom-width: 2px; 
} 

HTML代碼:

<div class="span2"> 
    <div id="networkSelection"> 
    <label class="play-label"><div class="localized-label">NETWORK</div></label> 
    <ul class="nav nav-pills"> 
     <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
      Select Network <b class="caret"></b> 
     </a> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Los Angeles Unified</a></li> 
      <li><a href="#">Harry Potter Club</a></li> 
      <li><a href="#">X-Games Enthusiasts</a></li> 
      <li><a href="#">Pasadena Kids Club</a></li> 
      <li><a href="#">RECOMMENDED NETWORKS</a> 
     </ul> 
     <ul> 
      <li><a href="#">Los Angeles Unified</a></li> 
      <li><a href="#">Harry Potter Club</a></li> 
      <li><a href="#">X-Games Enthusiasts</a></li> 
      <li><a href="#">Pasadena Kids Club</a></li> 
     </ul> 
     </li> 
    </ul> 
    </div> 
</div> 
+0

你在** bootstrap之後放置了CSS **嗎? – Sherbrow

回答

1

你的代碼似乎work。您可以在this page上自定義Bootstrap。有一個下拉菜單。設置你想要的顏色並下載新的CSS。

+0

你是什麼意思?我只需要能夠將我的下拉菜單的顏色更改爲深灰色,但它根本不起作用。請問您可以告訴我該怎麼做。乍一看,這是自我解釋,我只是做了背景顏色:#606060;但它仍然顯示白色! –

+0

我明白了你的意思,但是當我下載css時,它會產生一個錯誤,我沒有得到任何CSS文件 –

+0

它會給你一個全新的引導CSS文件。用新的引導程序替換現有的引導程序。看看我的答案中的第一個鏈接,它顯示它的工作。您需要在**所有其他引導CSS後放置該自定義CSS **。 – sachleen

相關問題