HTML: cómo establecer el color de fondo del elemento en el elemento de selección

Question

¿cómo se establece el color de fondo de un elemento en una lista de selección de 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

Al igual que lo normal background-color: #f0f

Sólo se necesita una manera de dirigirse a ella, por ejemplo: <option id="myPinkOption">blah</option>

Answer 3

supongo que te refieres <select> el elemento de entrada?

El apoyo a que es bastante nuevo, pero FF 3.6, Chrome e IE 8 prestar toda esta derecha:

<select name="select"> 
    <option value="1" style="background-color: blue">Test</option> 
    <option value="2" style="background-color: green">Test</option> 
</select> 

Answer 4

tuve este problema también. Me pareció que la configuración de la apariencia no ayudó.

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

    background-color: red; 
}