Html 选择标签颜色在firefox中不显示

我有一个带有简单选择下拉列表的网页，其中每个选项元素都有不同的颜色。扩展后，颜色在Firefox（8.0）中显示良好，但只要单击一个选项，列表关闭，颜色就会变回黑色

当我在写一个摘要网页时，颜色很重要

这个问题似乎没有出现在IE中

<select name='STATUS' style='width:100px'>
  <option value='NS' style='color:blue'>Not Started</option>
  <option value='Started' style='color:Green'>Started</option>
  <option value='Finished' style='color:red'>Finished</option>
</select>

没有开始
起动
完成了

颜色声明只影响您的

选项

元素，而不影响所选选项。所选选项的样式由

select

元素的样式决定。您必须使用JavaScript更改

select

元素的颜色，以实现所需的行为：

<select class="colorchange" name='STATUS' style='width:100px;'>
  <option value='NS' style='color:blue'>Not Started</option>
  <option value='Started' style='color:Green'>Started</option>
  <option value='Finished' style='color:red'>Finished</option>
</select>

没有开始
起动
完成了

函数选择颜色变换器（）{
this.style.color=this.options[this.selectedIndex].style.color；
}
//这将影响应用了“colorchange”类的所有选择
var selects=document.getElementsByClassName（“colorchange”）；
var i；
对于（i=0；i

---

我提出的解决方案是使用PHP向select标记本身添加style=“color:$color”元素。
当呈现页面时，当前状态保存在DB中，因此我检查当前处于活动状态的状态，并相应地设置$COLOR变量

---

谢谢你的帮助。遗憾的是Firefox没有像IE chrome等那样自动呈现。谢谢你的回复，代码可以正常工作，但是我需要一个解决方案，在页面加载时选择颜色，这样人们可以在加载页面时立即看到状态。我将在代码中添加在页面加载时自动选择正确的选项。我提出的解决方案是使用PHP向select标记本身添加style=“color:$color”元素。当呈现页面时，当前状态保存在DB中，因此我检查当前处于活动状态的状态，并相应地设置$COLOR变量。谢谢你的帮助。可惜Firefox没有像IE chrome等那样自动渲染。