我有一个twitter bootstrap样式的多选框,但我找不到正确的css或更少的选择器来覆盖所选选项的背景颜色。
E.g。在下图中,所选选项(测试3)的背景颜色为蓝色。如何更改此颜色?
在Chrome中检查元素时,我找不到任何形式的提示,用于更改所选选项颜色的css。
<select class="form-control" multiple="1" size="7" id="requested_tests" name="requested_tests">
<option value="1">Test 123</option>
<option value="2">Test 212</option>
<option value="3">Test 3</option>
<option value="4">Test 4</option>
<option value="5">Test 5</option>
<option value="6">A Test</option>
<option value="7">Asdff</option>
答案 0 :(得分:2)
将此添加到您的样式
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: red; /*you color here*/
background-image: none;
}
或者,在bootstrap-theme.css中更改类。