关于type="file"的input框样式修改小结

这个是啥我觉得没必要再说了，反正大家都知道，然后在现在有各种手机的时代，还可以通过直接拍照的方式来上传，反正比以前好玩多了。

并且以前是只能上传一个文件，现在的话，只要增加multiple属性就可以上传多个文件，并且还有很多的文件格式支持，废话不多说，具体请看http://www.w3.org/html/ig/zh/wiki/HTML5/number-state#.E6.96.87.E4.BB.B6.E4.B8.8A.E4.BC.A0.E7.8A.B6.E6.80.81

玩过CSS的人朋友都知道，在HTML元素中，表单控件元素的样式修改是最痛苦的，很多控件的样式是跟着系统主题来改变的，想要去修改的话，只能模拟来实现，尤其尤其是在IE浏览器中。

对于type="file"这个上传按钮，曾经我们修改他的样式，有人用过模拟的方式，但据说用模拟的方式有可能会出现什么所谓的安全性问题，好吧，这对于我这样的一个页面仔，切图仔而言，不懂，就算懂了也不知道怎么去处理。那就不模拟吧……

可是不模拟的话，又要怎么修改样式呢？

之前的之前，我所知道的方法，其实大家也都知道的方法，就是通过将type="file"这个上传按钮透明后，然后叠加在一个图片上，这样就可以让人感觉是通过点击上传图片后实现的，也不用看那个原生的上传按钮了。

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表