java - HTML : Mozila firefox issue 中选择字段的文本(选项)的颜色不同

Question

我想根据分配的选择选项的值使用 JS/Jquery 为选择字段 (HTML) 中的某些选项着色。这是我的代码:

    $('#selectField option[value="val1"]').css({ 'color': 'green' });

该代码在 Google Chrome 和 Internet Explorer 中完美运行，但在 Mozilla Firefox 中没有任何反应。有人可以推荐这个浏览器的替代品吗？解决方案必须在 JS 而不是 CSS 中。谢谢!

Answer 1

<select id="selectField">
  <option value="red">Red</option>
  <option value="green">Green</option>
</select>   

$('#selectField option').each(function() {
     var $this = $(this);
     $this.css({color: $this.val()});
});