使用css </select>样式化<select>

Question

如何实现如下图所示的风格？

http://imageshack.us/photo/my-images/268/selectstyle.gif/

Answer 1

1. 您可以聘请网络程序员。

2. 执行Google Search / StackOverflow Search。

3. 如果＃2无效，请转到＃1。

Answer 2

使用jQuery插件。 for example， and more

Answer 3

您使用的是jQuery吗？如果是，请按Filament Group

搜索此类自定义下拉框架

如果你很好奇并想自己做。请继续阅读。

你不能真正地将元素设置为那个范围，但诀窍是通过JS用触发元素（通常是<a>）替换该元素，并且列表覆盖（通常<ul>绝对定位，首先隐藏）。然后，当触发元素被mousedown时，您显示/隐藏叠加层。

当然，您还需要处理单个列表项覆盖的单击事件。并且处理键盘交互和聚焦/模糊状态也是一个好主意。

希望指出正确的方向。