CSS / LESS可以更改多选中所选选项的背景颜色

时间:2014-02-03 23:31:39

标签: html css twitter-bootstrap less twitter-bootstrap-3

我有一个twitter bootstrap样式的多选框,但我找不到正确的css或更少的选择器来覆盖所选选项的背景颜色。

E.g。在下图中,所选选项(测试3)的背景颜色为蓝色。如何更改此颜色?

在Chrome中检查元素时,我找不到任何形式的提示,用于更改所选选项颜色的css。

Trying to style background colour of selected element in multiselect

<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>

1 个答案:

答案 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中更改类。