使用JQuery来设置表单元素

Question

我见过jquery用于将表单选择下拉框更改为“漂亮”下拉列表小部件。我不记得我在哪里看到这个，但有没有人有任何链接或示例代码，显示如何使用jquery样式表单元素的示例？如果它是代码而不是内置插件，我更喜欢它。

由于

Answer 1

你无法真正设计下拉菜单。它们是操作系统级元素，而不是CSS元素。您可以使用DIV的组合替换它们来模拟下拉列表，但是下拉列表本身的样式相当有限。

Answer 2

尝试从支持jquery ui主题卷的灯丝组中替换选择框！

  

http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/

复选框试试这个：

  

http://www.thecssninja.com/css/custom-inputs-using-css

其他表单元素只使用CSS和图片！

Answer 3

您可能希望this或this（更平滑的初始外观）插件。这两个插件都旨在不引人注意地替换默认的<select>框。

Answer 4

jQtransform是迄今为止我发现的最好的插件，这个插件很容易实现，并且逐步增强。

这个也不引人注意地取代了默认的<select>框。

另外还有一个：uniform plugin这个有很多选择。