通过JS为SELECT标签添加选项..是不是由CSS设计？

Question

我有一个如下所示的选择标记：

<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说字体应该是白色的，而且它起初是。但我使用Javascript和Ajax添加/删除更多选项。

以下是我添加选项的方法：

next.options[i+1]=new Option(newFields[i], newFields[i], false, false);

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

谢谢！

Answer 1

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

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