javascript - 在选择选项中更改颜色 - HTML/CSS/JQuery - Mac

Question

我想更改选择下拉列表中几个选项的文本颜色。

我不在乎选择哪一个。我只想让用户在打开下拉菜单时看到一些黄色选项(在本例中)。

<select>
   <option>Black</option>
   <option>Black</option>
   <option style="color: rgb(255, 255, 0);">Yellow</option>
</select>

This is my JSFiddle

Stackoverflow 中的其他解决方案在 Chrome 59 中对我不起作用。

我还希望能够像这样使用 Javascript/JQuery 更改选项的颜色:

var option = AJS.$('<option>', {...});
option.css("color", "#2ee4ff");

但是，我根本无法使颜色正常工作。

Answer 1

你可以试试这个:

$("select option").each(function(){
	value=$(this).val();
  $(this).css("color",value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option>Black</option>
<option>Black</option>
<option>Yellow</option>
</select>