jQuery插件之Select选择框

最新推荐文章于 2023-03-17 12:17:31 发布

lzhdim

最新推荐文章于 2023-03-17 12:17:31 发布

阅读量210

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lzhdim/article/details/83315358

本文介绍了一个用于美化表单的jQuery插件——nicejform，并分享了作者对该插件中select元素进行改进的方法。改进后的select元素解决了原有插件中存在的问题，如选项无法收回等，并提供了更好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在blueidea上看到lzyy发的这个帖子，发现不错就转过来了。
起因是在实践中发现输入框input的高度无法改变，他的四周都会有空隙，也就是说无论你怎么调整，当然只作用于IE，如果调整一下的话，FF下效果又不理想，没有什么好的解决方法，除非用图片，为了追求完美，模拟就模拟吧。

本人习惯用jQuery，于是就找到了nicejform，专门用来美化表单的jquery插件。（我知道坛子上有相关的文章，我也参考过，但是美化不是我的强项，所以就想找现成的）

效果查看

看源码，可以发现没有另外添加样式，id之类的，所以如果不用这个插件了，页面也无需改动。众所周知，表单美化里面select是最不好模拟的，同样nicejforms也没有很好的模拟，那就自己动手改造吧。彻底地模拟美化了select表单，可以说功能上一点都不差，修改了原版本的一些不足。