css - html 中背景的不同样式

Question

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

Answer 1

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

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