更改背景顏色<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;
}