2012-09-09 2 views
2

Итак, я попытался изменить цвет фона открытого раскрывающегося списка бутстрапа twitter до темно-серого, но он все еще белый! HELP бы так высоко ценится ...Как изменить цвет фона в раскрывающемся меню бутстрапа 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

Вы добавляете CSS ** после ** бутстрапа? – Sherbrow

ответ

1

Ваш код, кажется work. Вы можете настроить Bootstrap на this page. Существует раздел для выпадающих списков. Задайте любые цвета, которые вы хотите, и загрузите новый CSS.

+0

Что вы имеете в виду? Мне просто нужно изменить цвет моего раскрывающегося меню на темно-серый, но он вообще не работает. Не могли бы вы показать мне, как я могу это сделать. На первый взгляд, это объяснительно, я просто сделал фоновый цвет: # 606060; но он все еще показывает белый !! –

+0

Я получил то, что вы имели в виду, но когда я загружаю css, он выдает ошибку, и я не получаю никакого файла CSS –

+0

. Он даст вам совершенно новый загрузочный CSS-файл. Вы заменяете существующий bootstrap новым. Посмотрите на первую ссылку в моем ответе, она показывает, что она работает. Ваша потребность поместить этот пользовательский CSS ** после ** всех других загрузочных CSS. – sachleen

Смежные вопросы