在项目中□□□□我们前端□□□人员经常□□□碰到需要□□表单提交※的地方，往往需要□□□上传一些□□证件、图像、图片之类□□的，而html自带的上·传按钮比□□较丑，如图：

经过美化后的上传按钮，如图：


是不是好□□□□看多了，只需要html和css就行了。制作的思□□□□路是，把先前html自带的上□□□□传按钮（filebox）用一个div（file）包裹起来，另外在这□□□个div里添加两□□个input（filename和button），如图：
 

分别给filename和button添加你想要美化的样式，我的如图：


 
给这个file相对定位（position: relative;），把file'bo'x按钮透明□□□□度opacity设置为0，绝对定位（position: absolute;）；top、right、left、bottom为0，这样filebox浮在file之上，样式如下：


 
当点击filename或button时，因为filebox悬浮在file之上，所以最终点击的是filebox。