Question

我正在寻找一种在Select下拉列表中设置Option文本样式的方法。我遇到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使用你提供的链接..答案有效，不是吗？

选择选项文本的样式部分

1 个答案: