前端开发之CSS实现input上传按钮美化（兼容各浏览器）

一直以来，input 上传按钮对前端人员来说就是个头痛的事情，因为它不像 input 输入框这样，可以轻松的用 css 样式来实现自定义样式，而 input 上传按钮这个产物我们要怎么美化呢，今天跟大家分享一个纯CSS美化上传按钮的方法，最主要是还兼容各大浏览器，先看效果：

运行效果

css样式

html代码

从上面代码中可以看到，这里我用的美化方法就是利用a标签把这个上传按钮包起来，再配合相对定位和绝对定位把上传按钮给隐藏起来，以达到自定义样式，经小编测试，这个方法可以兼容到各种浏览器，包括该死的IE6，有需求的网友可以测试一下。

谢谢你的阅读，如果你有更好的方法或在应用过程中遇到问题可以在评论区提问或者直接私信我，我会定期回复，码农刘小桥与你一起学习，共同进步。