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

Question

你能看看这个演示,让我知道如何将所选选项的背景颜色从蓝色改为其他颜色吗？

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

谢谢

Answer 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覆盖引导CSS.

!important是一个有用的工具,但缺点是它是一种最后的工具.所以你不想过度使用它,因为你最终会为维护网站的任何人带来头痛.