我想设置下拉表单的样式,使其与OS驱动的表单完全不同。众所周知,使表单在浏览器中表现良好是一个问题,我还没有找到一个好的解决方案。
我试过这个脚本:http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/ 这适用于具有少量可选项的下拉表单,但是当需要滚动条以允许用户导航到他们想要的数据项时,它开始分解跨浏览器。
我的下拉列表有250个这样的值,所以我留下了一个破碎的前端。鼠标滚轮可用于精确导航,但如果用户选择向上↑或向下↓OS按钮在列表中上下导航,则表单立即消失。
有没有人能够破解自定义样式下拉菜单?有解决方法吗?也许是不同的脚本?
感谢。
答案 0 :(得分:0)
你有没有看到jQueryUI Selectmenu plugin?我没有用你所描述的那么多的值来尝试它,但它是一个非官方的jQueryUI插件,所以它可能是你最好的选择。此外,它可以访问,并且可以在没有启用JavaScript的情况下为您的用户优雅地降级。