使用 javascript 和 css 自定义下拉框答案

【问题标题】：Custom dropdown box using javascript and css使用 javascript 和 css 自定义下拉框
【发布时间】：2010-10-24 11:29:06
【问题描述】：

是否可以使用 javascriit 和 css 创建自定义下拉框。

为此我需要使用 javascript 为下拉框放置背景图像

如果是或否？如是。给点建议？

不使用 JQuery

【问题讨论】：

【解决方案1】：

这是一个很好的tutorial on creating custom drop-down。

JQTransform（由 Olafur 建议）对我来说已经足够了。但如果您需要更多控制（例如添加图标），则值得查看教程。

【讨论】：

【解决方案2】：

这可能有点过头了；但是SproutCore 为您提供由图像而不是原生 HTML 元素组成的输入元素。可能还有其他框架可以做类似的事情。

基本思想是创建一个 div 或其他东西，就像 CrazyJugglerDrummer 建议的那样，并在其上放置点击处理程序。处理程序设置动画以模仿选择元素。当您的一个伪选择项被选中时，您可以使用 JavaScript 将该值发送到隐藏的实际选择或输入元素。

【讨论】：

【解决方案3】：

您可以查看jQTransform

【讨论】：