एचटीएमएल: चुनिंदा तत्व में आइटम का पृष्ठभूमि रंग कैसे सेट करें

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> इनपुट तत्व मतलब है? उस के लिए

समर्थन बहुत नया है, लेकिन एफएफ 3.6, क्रोम और 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; 
}