Firefoxブラウザだけで選択オプションにスタイルが適用されましたか？

Question

は私がスタイル上

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

だけでFirefoxブラウザに適用され、私はスタイルの見出しを適用し、私のスタイルで

<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> 

、下記のように私のフォームでの選択オプションがあります。残りのブラウザはスタイルがサポートされていません。 これに対応する修正はありますか？

Answer 1

また、私はChromeで失敗16また、より良いスタイリングサポートを持つ傾向があるoptgroupsを使用することを検討してください&あなたのやろうとしている意味的に正しいです。 http://stackoverflow.com/search：私のため

<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/