html <option> 中背景的不同样式
Different styling on background in html <option>
我想以一些独特的方式动态地为 <select>
元素内的某些 <option>
元素设置样式。这超出了 "background-color" CSS 的简单工作示例;我正在尝试寻找无需保留资源但可以动态生成样式的方法,例如将一些渐变或图像从 data-uri 添加到背景。
好吧,到目前为止,没有任何梯度在起作用,带有 background
或 background-image
的 data-uri 也没有起作用。
除了可能的背景之外,还有哪些其他方式可以设置选项元素的样式,使其看起来像里面有额外的东西,但不依赖于静态资源?
一般来说,您不能设置 select 元素或选项元素的样式。 select 元素本身是一个 "replaced element",它是 OS-dependent 而不是 HTML/browser 的一部分。它不能通过 CSS.
设置样式
但是您可以使用看起来像 select 元素但实际上由样式可以更改的常规 HTML 元素组成的替换 plug-ins/libraries。
我想以一些独特的方式动态地为 <select>
元素内的某些 <option>
元素设置样式。这超出了 "background-color" CSS 的简单工作示例;我正在尝试寻找无需保留资源但可以动态生成样式的方法,例如将一些渐变或图像从 data-uri 添加到背景。
好吧,到目前为止,没有任何梯度在起作用,带有 background
或 background-image
的 data-uri 也没有起作用。
除了可能的背景之外,还有哪些其他方式可以设置选项元素的样式,使其看起来像里面有额外的东西,但不依赖于静态资源?
一般来说,您不能设置 select 元素或选项元素的样式。 select 元素本身是一个 "replaced element",它是 OS-dependent 而不是 HTML/browser 的一部分。它不能通过 CSS.
设置样式但是您可以使用看起来像 select 元素但实际上由样式可以更改的常规 HTML 元素组成的替换 plug-ins/libraries。