如何设置或覆盖下拉菜单的默认hover颜色?

我知道,不知怎的,你可以做到这一点。 我只是不确定。 我最好想要覆盖选择菜单(下拉菜单)的默认蓝色hover,这样我就可以添加一个box-shadow:inset 0 0 3px 3px到我的选项。

那么,JavaScript,JQuery,(最好)CSS?

我对JavaScrip和JQuery了解不多……我还没有那么远,但是对这个问题的任何帮助都将不胜感激。

谢谢!

http://lrroberts0122.github.com/DWS/lab6/level-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

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

我发现下拉框的属性在#103到#114行。 请更全面地解释一下你的答案,比如BORDER本身或文字框,你想要什么?

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