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

Question

我知道，不知怎的，你可以做到这一点。我只是不确定。我最好想要覆盖选择菜单的默认蓝色悬停（下拉菜单），以便我可以添加一个box-shadow：inset 0 0 3px 3px到我的选项。

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

我对JavaScrip和JQuery了解不多......我还没有那么远，但是对这个问题的任何帮助都会非常赞赏。

谢谢！

http://lrroberts0122.github.com/DWS/lab6/level-1/

Answer 1

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

我会尝试找一些例子来帮助你入门。一秒钟。

编辑：这应该可以帮到您：http://tutorialzine.com/2010/11/better-select-jquery-css3/

edit2：这是另一个：http://bnotions.com/form-select-replacement-using-jquery-css/

这个人甚至创建了一个插件：http://forrst.com/posts/jQuery_plugin_ReplaceDropdown_to_replace_a_selec-NA2

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

Answer 2

我发现投放箱的属性在第103行到第114行。请更全面地解释一下你的答案，如BORDER本身或文字框中你想要的不在其后？

Answer 3

使用jquery的unbind（）函数取消绑定悬停然后通过.css（）再次尝试绑定你应该能够改变