HTML:如何在select元素中设置item的背景颜色

时间:2010-05-07 15:33:50

标签: html select background-color

如何在HTML选择列表中设置项目的背景颜色?

4 个答案:

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