HTML 使用 CSS 更改文本的字体颜色(Mac OS、Chrome)

Question

我试图像这样更改选项的颜色，但似乎没有更改样式中指定的颜色。我在这里缺少什么？

<select name="test" >
  <option value="green" style="color:green;">this is green</option>
  <option value="red" style="color:red;">this is red</option>
</select>

编辑:在我的电脑 Mac OS(Chrome 版本 67.0.3396.79(正式版)(64 位))上运行的结果截图

Answer 1

我认为您想根据选择更改选择的颜色。因此；

<select name="test" id="test" onchange="changeColor()">
  <option value="green" style="color:green;">this is green</option>
  <option value="red" style="color:red;">this is red</option>
</select>
<script type="text/javascript">
   function changeColor() {
    document.getElementById("test").style.color = document.getElementById("test").value;
   }
</script>