使用样式无序列表滚动（选择框替换）

Question

我的公司有一个网站，我们正在由设计师重做。它看起来好多了，但我在HTML + CSS中实现了他们的设计。它们有一个风格很大的<select>框，以至于我无法用纯CSS重新创建它。我发现a solution使用Javascript将<select>框替换为<ul>。这几乎完美，但有两个问题：

1. 当元素很多时，它不会滚动。
2. 当您在下拉列表外单击时，它不会关闭。

我在Firebug中玩过它，但由于<li>的样式是display:block，它们似乎不被周围<ul>所包含，这意味着我无法设置最大高度。

问题＃2并不重要，但知道如何修复它也会很好。

以下是问题页面的链接：http://www.truwindshield.com/test2/

Answer 1

由于您使用的是jQuery而解决方案不是，您可以考虑将其替换为相关的jQuery插件。这个似乎很有效：jQuery SelectBox

这个实现也解决了你遇到的两个问题，可能会让你有些工作试图破解另一个解决方案来做你想要的事情。