通过JS ..添加选项到SELECT标签。样式不是CSS样式的？

我有一个选择标记，看起来像这样：通过JS ..添加选项到SELECT标签。样式不是CSS样式的？

<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，有没有办法强制执行呢？

谢谢！

来源

2009-09-14 JD Isaacks

什么浏览器，你看到它在？ – 2009-09-14 20:54:58

如果直接在选项元素上设置背景颜色，它会工作吗？ – kangax 2009-09-14 20:59:24

我知道对选项元素的背景相关规则的支持并不那么宽。例如，某些浏览器完全忽略背景色（IIRC，Chrome和Safari）。我不确定它是否与“颜色”规则相同。 – kangax 2009-09-14 21:01:42

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

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

来源

2009-09-16 23:08:57 kangax

通过JS ..添加选项到SELECT标签。样式不是CSS样式的？

回答

相关问题