html中选择文件的标签 input[type=file]，默认样子比较丑，并且在各个浏览器上显示样子还不一样。所以需要手动美化。
思路一：
input file上传按钮的美化思路是，先把之前的按钮透明度opacity设置为0,然后，外层用div包裹，就实现了美化功能。
关键代码：
dom结构：
<a href="javascript:;" class="a-upload">
<input type="file" name="" id="file1">点击这里上传文件
</a>
<a href="javascript:;" class="file">选择文件
<input type="file" name="" id="file2">
</a>
css：
.file input {
position: absolute;
right: 0;
top: 0;
opacity: 0;/*关键点*/
filter: alpha(opacity=0);/*兼容ie*/
font-size: 100px;/* 增大不同浏览器的可点击区域 */
cursor: pointer;
}
修改后的效果图：
input-file.png
思路二：
input file上传按钮给隐藏起来，通过其他标签（div,a等等）来触发input file的click事件，这样就可以任意美化了。此例做了ie8兼容，就不贴代码了。点此去codepen里看。效果图如下：
file-upload.png
