選擇選項文本的樣式部分

Question

我正在尋找一種在選擇下拉列表中選擇樣式文本樣式的方法。我碰到several stack articles such as this，但我似乎無法讓他們工作。我正在Safari中測試。這是問題嗎？以下是我一起投入的一些基本代碼的示例。它所生成的所有內容 - 就我所知而言 - 是一個標準的，具有未格式化選項的選擇下拉菜單。我也嘗試將類應用到選項，但是這似乎也沒有任何影響。

<select name="1"><option value="1">default</option><option value="2" style="color:#0D0">green line</option><option value="3" style="background-color:red">red background</option><option value="4" style="text-decoration:line-through">line through</option></select> 

我的最終目標，是要能夠樣式選項如下：

<option value="1"><span style="text-decoration:line-through">$Regular Price</span><span style="color:green;font-weight:bold">$Sale Price</span></option> 

Answer 1

嘗試，看看這一個？ http://jsfiddle.net/Vainglory07/pzHqT/

<select name="1"> 
    <option value="1">$Regular Price</option> 
    <option>$Sale Price</option> 
    </select>​ 

    option:nth-child(even) { 
    background-color: red; 
    } 

    option:nth-child(odd) { 
    background-color: blue; 
    }​ 

id使用你提供的鏈接..答案有工作，是嗎？