Javascript 是否可以在下拉列表中选择css样式选项？

我在Stackoverflow论坛上查阅了这篇文章

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

我试图用下面的代码为上面附加的图像（红色圆圈）编写css

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

但这在Safari/Chrome/IE中不起作用，只在Firefox中起作用

---

是否有人仍然可以通过选择选项标签的下拉菜单实现CSS样式？如果没有，是否有其他方法可以让我像上面的图像那样进行样式设置？

使用相同的样式和跨浏览器效果是不可能做到这一点的。一些浏览器可能提供比其他浏览器更多的样式，但这不是一个解决方案

---

我建议使用诸如or之类的jQuery插件，它们可以将普通的

控件转变为风格美。

谢谢Yuriry。真是太遗憾了！我希望W3C社区能够想出一种解决这个问题的方法，而不是使用人们认为合适的几种“变通”方法。。。我会检查这两个推荐的插件，看看能找到什么。干杯