Html 仅在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>

上述样式仅在Firefox浏览器中应用。该样式不支持的其他浏览器。

---

是否有任何解决办法？

< P>在Chrome 16中它也失败了，考虑使用OpType，它倾向于有更好的样式支持，在语义上是正确的。

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

1.
2.
3.
A.
B
C

---

FireFox 8.0对我来说很好，请在发布问题之前进行搜索：抱歉单独在FF中工作。其余浏览器不受支持

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