HTML: cách đặt màu nền của mục trong phần tử chọn

Question

cách bạn đặt màu nền của một mục trong danh sách chọn 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

Cũng giống như bình thường background-color: #f0f

Bạn chỉ cần một cách để nhắm mục tiêu nó, ví dụ như: <option id="myPinkOption">blah</option>

Answer 3

tôi giả sử bạn có nghĩa là các yếu tố đầu vào <select>?

Hỗ trợ cho điều đó là khá mới, nhưng FF 3.6, Chrome và IE 8 làm tất cả điều này phải:

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

Answer 4

Tôi có vấn đề này quá. Tôi tìm thấy thiết lập sự xuất hiện để không ai giúp.

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

    background-color: red; 
}