使用無格式列表滾動（選擇框替換）

Question

我的公司有一個網站，我們正在重新設計一個網站。它看起來好多了，但我遇到了一個在HTML + CSS中實現他們的設計的障礙。他們有一個嚴重的風格<select>框，以至於我不能用純CSS重新創建它。我發現a solution使用Javascript將<select>框替換爲<ul>。這工作幾乎完美，但有兩個問題：

1. 當它有很多元素時不滾動。
2. 當您點擊下拉列表外部時，它不會關閉。

我在Firebug發揮與它周圍，但監守的<li> s的與display:block風格，他們似乎並不被周圍的<ul>包含，這意味着我不能設置一個最大高度。

問題2並不重要，但也很高興知道如何解決這個問題。

這裏的問題頁面的鏈接：http://www.truwindshield.com/test2/

Answer 1

由於您使用jQuery和解決的辦法是不是，你可以考慮用相關的jQuery插件替換它。這似乎是工作和退化很好：jQuery SelectBox

此實現還解決了您遇到的兩個問題，並可能會節省您一些工作試圖破解其他解決方案做你想做的。