html <option> 中背景的不同样式

Different styling on background in html <option>

我想以一些独特的方式动态地为 <select> 元素内的某些 <option> 元素设置样式。这超出了 "background-color" CSS 的简单工作示例;我正在尝试寻找无需保留资源但可以动态生成样式的方法,例如将一些渐变或图像从 data-uri 添加到背景。 好吧,到目前为止,没有任何梯度在起作用,带有 backgroundbackground-image 的 data-uri 也没有起作用。 除了可能的背景之外,还有哪些其他方式可以设置选项元素的样式,使其看起来像里面有额外的东西,但不依赖于静态资源?

一般来说,您不能设置 select 元素或选项元素的样式。 select 元素本身是一个 "replaced element",它是 OS-dependent 而不是 HTML/browser 的一部分。它不能通过 CSS.

设置样式

但是您可以使用看起来像 select 元素但实际上由样式可以更改的常规 HTML 元素组成的替换 plug-ins/libraries。