更改背景颜色<option value="with JavaScript">与 JavaScript</option>

Question

所以，我知道这似乎是一个简单的问题，但它打破了我的想法。

我有一个 select 菜单

<select class="form-control" id="MYID">
<option value="">Selecione...</option>
<option selected="selected" value="1296">OPTION 1</option>
<option value="2313">OPTION 2</option>
<option value="-3">ADD NEW...</option>
</select>

该选项值 = -3 是由 controller 添加的，因此我无法使用 CSS 进行编辑。 我想使用 JS 将该选项放在不同的背景中。 所以我尝试获取 ID，然后获取值，然后更改颜色

var option = $('#MYID').val("-3");
option.style.color = "red";

我得到：无法设置未定义的属性“颜色”

我只找到了“将颜色更改为所选选项”的答案，这不是我想要的。

该选项出现在软件的其他下拉列表中，并且值始终相同，因此如果有更通用的方法来做到这一点，那就太棒了。

Answer 1

所以，感谢评论中的@CBroe，我找到了一种对我来说最好的方法，因为它是通用的。

选择具有 value="-3" 属性的所有元素：

option[value="-3"] {
  background-color: red;
}