选择选项文本的样式部分

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;
  }​

id使用您提供的链接。答案在起作用，不是吗？