HTML：如何設置選擇元素中項目的背景顏色

Question

如何在HTML選擇列表中設置項目的背景顏色？

Answer 1

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> 

Answer 2

就像正常background-color: #f0f

你只需要一種方法來對其進行定位，如：<option id="myPinkOption">blah</option>

Answer 3

我想你指的是<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> 

Answer 4

我有這個問題了。我發現設置外觀毫無幫助。

.class { 
    appearance:none; 
    -moz-appearance:none; 
    -webkit-appearance:none; 

    background-color: red; 
}