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

Question

我想以一些独特的方式动态地设置<option>元素内的某些<select>元素的样式。这超出了“背景色” CSS的简单工作示例。我正在尝试寻找无需保留资源但可以动态生成样式的方法，例如从data-uri向背景中添加一些渐变或图像。 好吧，到目前为止，没有渐变可​​用，使用background或background-image的data-uri也不起作用。 除了背景之外，还可以通过其他方式设置选项元素的样式，以使其看起来好像里面有多余的东西，但又不依赖静态资源？

Answer 1

通常，您不能设置选择元素或选项元素的样式。 select元素本身是一个“替换元素”，它与操作系统有关，不是HTML /浏览器的一部分。无法通过CSS设置样式。

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