如何更改Bootstrap 3选定的选项背景颜色

时间:2014-06-22 00:01:28

标签: css css3 twitter-bootstrap twitter-bootstrap-3

请您查看This Demo并告诉我如何将所选选项的背景颜色从蓝色更改为其他颜色?

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

由于

1 个答案:

答案 0 :(得分:14)

看看这个:

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是一个有用的工具,但缺点是它是最后的工具。所以你不想过度使用它,因为你最终会为那些维护网站的人带来麻烦。