2014-09-22 8 views
-1

Это прямо на странице сайта начальной загрузки. В этом определенном коде я хотел бы знать, как изменить цвет текста от синего до черного. Он по умолчанию синий на данный момент.Изменение цвета кнопок самонастройки

Сайт для справки и живой пример: http://getbootstrap.com/components/ Код: раздел, под которым находится код, называется «Использование раскрывающихся списков» с раскрывающимися списками.

<ul class="nav nav-tabs" role="tablist"> 
    ... 
    <li class="dropdown"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
     Dropdown <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu" role="menu"> 
     ... 
    </ul> 
    </li> 
    ... 
</ul> 

С уважением

+0

Вы имеете в виду http://getbootstrap.com/components/#nav-dropdowns? – Devin

+0

именно то, что вы хотите сделать, изменить цвет кнопки на заднем плане или выпадающий цвет текста? – Ajisha

+0

Я хочу изменить цвет текста и выпадающего символа на черный. Не фактический цвет фона кнопки. – user3905042

ответ

0

вы можете применить пользовательский стиль на класс «ниспадающего-пуговица» в файле CSS

.dropdown-toggle { 
    color: black !important; 
} 
+1

, использующий'! Important', не рекомендуется, поскольку он будет переопределять любой новый стиль, не предназначенный для моделирования, без '! Important' –

+0

использовать id на li и применять следующим образом: example

  • #abc .dropdown-toggle { цвет: черный; }, поэтому он будет использоваться только для тех, кто имеет класс «abc» и удаляет важный из стиля – Ajisha

  • 1

    кнопки Bootstrap выпадающие, как и другие кнопки начальной загрузки. Кнопка начальной загрузки имеет класс btn.

    Вы можете изменить свои темы, добавляя такие классы, как btn-primary, btn-info, btn-danger и т.д.

    Более примеры этой проверки из http://getbootstrap.com/components/#btn-dropdowns.

    +1

    Что еще более важно, кнопка Bootstrap по умолчанию имеет класс 'btn-default' – cvrebert

    1

    использовать идентификатор на литий и применить стиль таким образом: Пример

    <li id ="abc"</li> 
    

    пользовательских стилей

    #abc .dropdown-toggle { 
        color: black; 
    } 
    

    поэтому он будет использоваться только для тех, кто имеет класс «abc», который имеет id «abc» и удаляет! style

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