使用JavaScript或jQuery或CSS在下拉菜单中更改选项的颜色

Question

我有一个<select>（下拉），我想在其中更改其选项的颜色。 但是我想部分更改选项文本的颜色，也就是说，只有选项的指定文本才具有指定的颜色。

就像，如果选项是22 kg ，那么我只想给'kg'颜色。

Answer 1

令我惊讶的是，使<option>标记的内容部分变为不同的颜色（例如，如motoxer4533建议的span ）无效。 在SO上进行的一些搜索将我引向这个SO问题，表明用选项做花哨的事情是无效的。

剩余的选项将创建您自己的“选择”行为。 您在问题中提到jQuery作为标记，也许jQuery UI需要一些东西（尽管我不相信它们具有自定义的下拉控件）？

编辑：这可能是这个问题的重复吗？ 问题略有不同，但答案相同。

Answer 2

您可以将kg包裹在span标签中，例如：

<option>22<span>kg</span></option>

然后像这样设置跨度：

option span {
    color:red
}