शैली केवल फ़ायरफ़ॉक्स ब्राउज़र में चुनिंदा विकल्प के लिए लागू है? - एचटीएमएल, शैलियों, क्रॉस ब्राउज़र

मेरे पास नीचे दिए गए फॉर्म में विकल्प चुना गया है,

<select>
<option class="hdng">Number</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option class="hdng">Alphabets</option>
<option>a</option>
<option>b</option>
<option>c</option>
</select>

मेरी शैली में मैंने शैली शीर्षक लागू किया,

.hdng
{
font-weight: bold;
padding-top: 10px;
}

उपरोक्त शैली अकेले फ़ायरफ़ॉक्स ब्राउज़र में लागू होती है। शेष ब्राउज़र ब्राउज़र शैली समर्थित नहीं है। क्या इसके लिए कोई फिक्स है?

उत्तर:

जवाब के लिए 3 № 1

यह क्रोम 16 में भी मेरे लिए विफल रहता है, ऑप्टग्रुप का उपयोग करने पर विचार करें जो बेहतर स्टाइलिंग समर्थन करते हैं और जो करने की कोशिश कर रहे हैं उसके लिए अर्थात् सही हैं।

<select>
<optgroup label="Number">
<option>1</option>
<option>2</option>
<option>3</option>
</optgroup>
<optgroup label="Alphabets">
<option>a</option>
<option>b</option>
<option>c</option>
</optgroup>
</select>

http://jsfiddle.net/sVKjv/1/


संबंधित सवाल
सबसे लोकप्रिय