0

我知道,不知何故,你可以做到这一点。我只是不确定。我希望覆盖选择菜单(下拉菜单)的默认蓝色悬停,以便我可以在我的选项中添加一个 box-shadow: inset 0 0 3px 3px。

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

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

谢谢!

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

4

3 回答 3

1

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

我将尝试找到一些示例来帮助您入门。等一下。

编辑:这应该让你开始:http ://tutorialzine.com/2010/11/better-select-jquery-css3/

编辑2:这是另一个:http ://bnotions.com/form-select-replacement-using-jquery-css/

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

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

于 2012-10-12T11:24:54.327 回答
0

使用 jquery 的 unbind() 函数取消绑定悬停,然后尝试通过 .css() 再次绑定,您应该可以更改

于 2012-10-12T12:00:17.963 回答
0

我发现投递箱的属性在#103 到#114 行。请更全面地解释您的答案,如框本身或文本中,您不想在它后面做什么?

于 2012-10-12T11:34:36.763 回答