Javascript 添加选项以通过JS选择标记。是否由CSS设置样式？

我有一个select标记，如下所示：

<select style="background:#fa7171; color:#FFFFFF;" name="product_type_sub" id="product_type_sub" onChange="ajaxFunction(1);">
    <option value="None Selected">None Selected</option>
</select>

但我添加的任何选项都不是白色字体，它们忽略了CSS，有没有办法强制执行

---

谢谢

直接在选项元素上设置颜色。例如：

var optionEl = new Option(newFields[i], newFields[i], false, false); 
optionEl.style.color = 'red'; 
next.options[i+1] = optionEl;

---

直接在选项元素上设置颜色。例如：

var optionEl = new Option(newFields[i], newFields[i], false, false); 
optionEl.style.color = 'red'; 
next.options[i+1] = optionEl;

---

你在哪个浏览器中看到这个？如果你直接在选项元素上设置背景颜色，它会工作吗？我知道对选项元素上背景相关规则的支持并没有那么广泛。例如，一些浏览器完全忽略背景色（IIRC、Chrome和Safari）。我不确定“颜色”规则是否相同。@crescentfresh，我只在Chrome中看到这种情况，很抱歉之前没有指定。@Kangax，根据我演示如何添加选项的脚本，我将如何对选项进行样式设置？谢谢。你在哪个浏览器中看到这个？如果你直接在选项元素上设置背景颜色，它会工作吗？我知道对选项元素上背景相关规则的支持并没有那么广泛。例如，一些浏览器完全忽略背景色（IIRC、Chrome和Safari）。我不确定“颜色”规则是否相同。@crescentfresh，我只在Chrome中看到这种情况，很抱歉之前没有指定。@Kangax，根据我演示如何添加选项的脚本，我将如何对选项进行样式设置？谢谢