如何在HTML选择列表中设置项目的背景颜色?
答案 0 :(得分:20)
我假设你的意思是<select>
输入元素?
对此的支持是相当新的,但FF 3.6,Chrome和IE 8使这一切正常:
<select name="select">
<option value="1" style="background-color: blue">Test</option>
<option value="2" style="background-color: green">Test</option>
</select>
答案 1 :(得分:17)
select.list1 option.option2
{
background-color: #007700;
}
<select class="list1">
<option value="1">Option 1</option>
<option value="2" class="option2">Option 2</option>
</select>
答案 2 :(得分:1)
我也有这个问题。我发现将外观设置为无人帮助。
.class {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background-color: red;
}
答案 3 :(得分:0)
就像普通background-color: #f0f
您只需要一种方法来定位它,例如:<option id="myPinkOption">blah</option>