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

Question

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

如何让这段代码生效？

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

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

Answer 1

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

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

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

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