对样式下拉表单感到沮丧

Question

我想设置下拉表单的样式，使其看起来与操作系统驱动的表单完全不同。众所周知，这是一个使表单在跨浏览器中表现良好的问题，我还没有找到一个好的解决方案。

我试过这个脚本：http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/ 这适用于具有少量可选项目的下拉表单，但是当需要滚动条以允许用户导航到他们想要的数据项时，它开始破坏跨浏览器。

我的下拉列表有 250 个这样的值，所以我的前端已经损坏。鼠标滚轮可以很好地导航，但如果用户选择向上 ↑ 或向下 ↓ OS 按钮来向上和向下导航列表，则表单会立即消失。

有没有人能够破解自定义样式下拉菜单？有解决方法吗？也许需要一个不同的脚本？

谢谢。

Answer 1

你见过jQueryUI Selectmenu plugin?吗？我没有尝试过你描述的那么多值，但它是一个非官方的jQueryUI插件，所以它可能是你最好的选择。此外，它是可访问的，并且会在没有启用 JavaScript 的情况下为您的用户优雅地降级。