2012-09-09 83 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

相关问题