This question already has answers here:
How to style the option of an html “select” element?
（18个回答）
上个月关闭。
我正在尝试以HTML形式自定义标签。我希望选择输入中的每个选项都具有不同的背景色。我开始使用this link，然后尝试对其进行更改，但随后完全消失了。我知道HTML，CSS和JS。我的选择菜单具有不同的颜色，每种颜色应选项应具有该颜色背景。例如，“红色”选项将具有带有白色文本等的红色背景。
这是我的代码：
但是，这没有任何作用。我想在使用尽可能少的语言的同时做到这一点。任何想法这是否可能？
谢谢
如果这不是您的意思，请发表评论！
（18个回答）
上个月关闭。
我正在尝试以HTML形式自定义标签。我希望选择输入中的每个选项都具有不同的背景色。我开始使用this link，然后尝试对其进行更改，但随后完全消失了。我知道HTML，CSS和JS。我的选择菜单具有不同的颜色，每种颜色应选项应具有该颜色背景。例如，“红色”选项将具有带有白色文本等的红色背景。
这是我的代码：
<select>
<option style="background-color: #fff;" value="0">Select colour:</option>
<option style="background-color: #00f;" value="1">Blue</option>
<option style="background-color: #fff;" value="2">White</option>
<option style="background-color: #f40;" value="3">Orange</option>
<option style="background-color: #0f0;" value="4">Green</option>
</select>
但是，这没有任何作用。我想在使用尽可能少的语言的同时做到这一点。任何想法这是否可能？
谢谢
最佳答案
最简单的方法是给每个选项一个单独的ID，例如<option id="red"></option>。然后
在页面的<head> </head>中，您将输入如下内容：
<style>
#red {
background-color: red;
}
#green{
background-color: green;
}
#yellow{
background-color: yellow;
}
</style>
如果这不是您的意思，请发表评论！