select 美化，起因是在实践中发现input的高度无法改变，也就是说再怎么调整，他的四周都会有空隙，当然只作用于IE，如果调整一下的话，FF下效果又不理想，没有什么好的解决方法，除非用图片模拟，为了追求完美，模拟就模拟吧。
本人习惯用jQuery，于是就找到了nicejform，专门用来美化表单的jquery插件。（我知道坛子上有相关的文章，我也参考过，但是美化不是我的强项，所以就想找现成的）
看源码，可以发现没有另外添加样式，id之类的，所以如果不用这个插件了，页面也无需改动众所周知，表单美化里面select是最不好模拟的，同样nicejforms也没有很好的模拟，那就自己动手改造吧。
3个半小时过去后......
终于被我征服了，彻底地模拟美化了select表单，可以说功能上一点都不差，修改了原版本的一些不足:
- 点击页面空白处，弹出的options不能缩回
- 无法设置option的value值，一律都是"#"
- 由于都设置为了"#"，所以如果select放置到了页面的下方，选择后会回到页面顶部
现在这些问题全都解决了，可以正式派上用场了，oh，yeah！
点击下载修改后的nicejforms：
nicejforms_lzyy.rar （69.49 KB）
站长工具
相关文章
请稍等，评论加载中...