上传按钮<input type='file'/>的样式美化

HTML提供的默认上传标签<input type='file'/>样式古板，满足不了产品的设计要求。

网上提供了许多方式来美化，大部分是通过创建一个按钮放在input之下，让input透明度为零；这样表面上是在按按钮，其实是触发了input的上传操作；

这里提供的方法是偶然从网上看到的，十分便捷和方便。

<input type="file" name="file" id="file" class="inputfile" />
<label for="file">Choose a file</label>

给input的样式：

display: none;
visibility: hidden;

label的样式，你可以DIY了