javascript - 保持选择值所选选项的颜色

Question

我在选择中有一个选项，用颜色表示重要性。它在下拉菜单中是红色的，但是当它被选中时它又是黑色的。选择后有没有办法让它保持红色？这是 jsFiddle展示。谢谢。

#red{color:red;}

<select>
  <option>normal</option>
  <option id = "red">important</option>
  <option>normal</option>  
</select>

Answer 1

您可以使用 javascript 根据值更改选择颜色。

这里是 jsFiddle举例

$('#select').on('change', function(){
    if($(this).val() === 'important'){
        $(this).addClass('red')
    }
})