令人沮喪的造型下拉表單

Question

我想要設計一個下拉表單，使其看起來完全不同於操作系統驅動的表單。這是一個出乎意料的問題，它使表單很好地跨瀏覽器，我還沒有找到一個好的解決方案。

我試過這個腳本：http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/ 它適用於有少量可選項目的下拉表單，但是當需要滾動條以允許用戶導航到瀏覽器時，開始分解跨瀏覽器數據項他們想要的。

我的下拉列表有250個這樣的值，所以我剩下一個破碎的前端。鼠標滾輪可以很好地導航，但如果用戶選擇向上↑或向下↓OS按鈕在列表中上下導航，表格會立即消失。

有沒有人能夠破解自定義樣式下拉？有沒有解決方法？也許一個不同的腳本是爲了？

謝謝。

Answer 1

你見過jQueryUI Selectmenu plugin?我沒有嘗試過使用盡可能多的值，但它是一個非官方的jQueryUI插件，所以它可能是你最好的選擇。此外，它是可訪問的，並且會在沒有啓用JavaScript的情況下爲您的用戶降級。