html - 选择选项文本的样式部分

Question

我正在寻找一种在选择下拉列表中设置选项文本样式的方法。我遇到了几篇这样的堆栈文章，但我似乎无法让它们工作。我在 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;
  }​

我使用您提供的链接..那里的答案有效，不是吗？