这篇文章主要介绍了type=file的inpu美化,自定义上传按钮样式代码,需要的朋友可以参考下
用input本身的属性做的上传按钮,在不同的浏览器中长得都不一样。如下图的几个:

但是对input设置的样式只能加在输入框上,对上传按钮根本不起作用。那么有一个超级简单的方法,就是先用一个p制作你要的上传按钮的样式,将实际的上传按钮input设置透明,并定位在设置样式的p上面。
例子:
立即学习“前端免费学习笔记(深入)”;
html部分:
点击上传
css部分:
就是这样的效果啦:

需要学习html的同学请关注php中文网html视频教程,众多html在线视频教程可以免费观看!











