javascript - 在 <option> 标签内添加 span 并设置样式

标签 javascript html css google-chrome

我想在 <option> 中的文本之前添加 span标记并设置样式(它应该代表选择菜单中的颜色)。然而它似乎不起作用......

如何让这段代码生效?

JsFiddle:http://jsfiddle.net/bartuz/08e0L9j2/2/

上面的示例似乎只在 Firefox 中有效……其他浏览器呢?

最佳答案

这取决于您的网络浏览器。在最新版本的 Firefox 中,它工作正常。但是,它在最新版本的 Internet Explorer 中不起作用。

你的问题有点多——我怀疑这就是它被否决的原因——你问的是为什么它不起作用,而不是如何让它起作用。

它不起作用,因为它并不是选择框真正支持的功能(还!)

我建议您考虑使用 JavaScript 来获得相同的结果(特别是 jQuery UI selectmenu ),它应该支持这种类型的“高级”选择框。

关于javascript - 在 <option> 标签内添加 span 并设置样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25199135/

相关文章:

javascript - 如何获取元素的嵌套属性值

javascript - 为什么我们不能改变内置函数构造函数的原型(prototype)?

html - 如何将两个内容框放在同一行上?

html - flex 基础 : auto doesn't work in IE11

android - Firefox for Android 选择元素不下拉

css - 内容 div 不会扩展到其容器的 100%

javascript - 为键和值对构建一个 JSON 结构,其中每个项的键都会发生变化?

javascript - translateX 值未更新

javascript - CSS/JS - 响应式搜索

html - 如何将两行较小的元素与较大的元素对齐?