Javascript 如何设置下拉菜单的默认悬停颜色的样式或覆盖该颜色？

我知道，无论如何，你可以做到。我只是不确定。我希望覆盖选择菜单（下拉菜单）的默认蓝色悬停，这样我就可以在我的选项中添加一个框阴影：inset 0 0 3px 3px

那么，JavaScript，JQuery，（最好）CSS

我不太了解JavaScrip和JQuery。。。我还没有做到这一点，但是如果你能帮我解决这个问题，我将不胜感激

谢谢大家!

---

并非每个浏览器都允许这样做。事实上，如果你用chrome浏览器浏览你的网站，你会发现selectbox本身甚至没有显示灰色背景。在白色背景上生成白色文本。 如果您真的想自己设计下拉列表，我建议使用javascript/jquery将select/选项替换为ul/li，您可以根据自己的意愿设计样式

我会试着找一些例子让你开始学习。请稍等

编辑：这应该让您开始：

编辑2：还有一个：

此人甚至创建了一个插件：

---

免责声明：我没有测试上面的任何链接。因此，请自行决定使用。

我发现投递箱的属性在第103行到第114行。请更详细地解释您的答案，因为在框边框本身或文本中，您不需要任何内容？

使用jquery的unbind（）函数取消绑定悬停，然后再次尝试绑定。css（）您应该能够更改

我认为您无法更改select元素选项元素的悬停颜色。您可以考虑使用UL，并根据自己的喜好设置LI元素的样式。@BillyMoat:您应该将其作为答案发布，并添加一个小的代码示例。我会点击它。在FF中工作，但在Chrome中对我来说不是-你弄错了吗？对不起。是的，这就是我想说的。firefox很好，chromeIt不是Chrome的风格。为此，我只需要为Firefox设置样式。这个教程真的很好！谢谢！：）