html - 将 CSS 类添加到选择的一个选项在 FF5 中不起作用

Question

我有以下html代码

<select id="WageBenifits_PayType" name="WageBenifits.PayType">
    <option class="selectOption" value="" selected="selected">Please Select Value</option>
    <option value="COM">COM - COMMISSIONS AND BONUS PAY</option>
    <option value="HOL">HOL - HOLIDAY PAY</option>
</select>

用下面的CSS

.selectOption {
   color: #999;
   font-style : italic;
   text-transform: none; 
   font-variant: small-caps; }

我的问题是这在 IE8 中按预期工作，但在 FF5 中，添加 css 类“selectOption”不会影响样式。在 Firebug 中，我可以看到该类已被选中并应用于该元素。但是，它不会更改选择下拉控件中显示的文本。它在下拉列表中发生变化，但在显示行中没有变化。

参见 http://jsfiddle.net/photo_tom/vRZCr/ 的演示

Answer 1

好吧，撇开 CSS 问题不谈，这实际上是您想要的:

<select id="WageBenifits_PayType" name="WageBenifits.PayType">
    <option disabled="disabled">Please Select Value</option>
    <option value="COM">COM - COMMISSIONS AND BONUS PAY</option>
    <option value="HOL">HOL - HOLIDAY PAY</option>
</select>

http://jsfiddle.net/AlienWebguy/vRZCr/1/