在下拉菜单中可以使用CSS样式选择选项吗？

我在Stackoverflow论坛查找这篇文章。

许多人声称这是不可能的CSS实现，并有许多的跨浏览器的兼容性问题。

我尝试使用以下代码对上面附加的图像（用红色圈起来）编码我的CSS。

.hovercard-container .dropdownfield select option{ 
    background-color: #BDBEC1; 
    border: 1px solid #000; 
}

但这不适用于Safari/Chrome/IE。只适用于Firefox。

有没有人可以通过下拉选择选项标签来实现CSS样式？如果没有，是否还有其他方法可以让我像上面的图像一样进行设计？

2014-02-10 awongCM

不可能通过跨浏览器的相同样式和效果来实现这一点。一些浏览器可能会提供更多的样式，但这不是一个解决方案。

我建议使用像https://plugins.jquery.com/select2/或https://plugins.jquery.com/chosen/这样的jQuery插件 - 它们会将您的普通<SELECT>控件转化为风格美感。

2014-02-10 01:02:36

谢谢尤里里。真是太遗憾了！我希望W3C社区能够想出一种方法来解决这个问题，而不是使用人们认为合适的几种“解决方法”方法......我将检查这两个推荐的插件，并查看我可能找到的内容。干杯! – awongCM

回答