对于单个字符</option> </select>，不能覆盖<select> <option>的CSS字体颜色

Question

  

可能重复：
  CSS with Option tag - Editing text color

我知道我必须忽略一些非常简单的事情。我正在尝试更改SELECT AN AMOUNT旁边的星号（*）的颜色，只是向客户显示它是必需的。我已经尝试了指定颜色的span和font标签，但似乎没有任何效果。我似乎无法覆盖选择的CSS。任何帮助表示赞赏。

我也在这里发布了代码：http://jsfiddle.net/RGFAc/

<style type="text/css">
.styled-select select {background: transparent;width: 150px;color:#333333;font:bold 11px Arial, sans-serif;border: 1px solid #ABADB3;height: 25px;}
</style>

<div class="styled-select">
<select name="id" id="id">
<option value="">SELECT AN AMOUNT <span style="color:#EE3124">*</span></option>
<option value="gift5">$5</option>
<option value="gift10">$10</option>
<option value="gift15">$15</option>
</select></div>

Answer 1

我相信你不能在选项标签内设置文字样式。

类似的问题：CSS with Option tag - Editing text color

Answer 2

您正在为select设置样式，但option元素本身内部有一个span，并带有自己的颜色。你有没有试过直接覆盖它？

.styled-select select#id option span {color: #333 !important;}