Как изменить цвет фона выбранной опции Bootstrap 3

#css #twitter-bootstrap #twitter-bootstrap-3

#css #twitter-bootstrap #twitter-bootstrap-3

Вопрос:

Не могли бы вы взглянуть на эту демонстрацию и сообщить мне, как я могу изменить цвет фона выбранной опции с синего на некоторые другие цвета?

 <select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
 

Спасибо

Ответ №1:

Взгляните на это:

http://jsfiddle.net/xL4Gu/3/

 select{
    background: yellow !important;
    color:#FFF;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
option:not(:checked) { 
    background-color: white; 
    color:#000;
}
 

Используется !important для переопределения Bootstrap CSS.

!important это полезный инструмент, но недостатком является то, что это своего рода инструмент последней инстанции. Таким образом, вы не хотите чрезмерно использовать его, так как в конечном итоге это вызовет головную боль у всех, кто поддерживает сайт.