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