美化 input type=file

对于现在人的审美水平，<input type="file">原始的样式是很烂的。

需要对它美化，美化组件的常规手段是使用css，但是css对它不起作用。

怎么弄？ 

使用js，将这个隐藏，自己创建一个漂亮的按钮，点击按钮的时候，触发它。但是现代浏览器由于安全对js触发事件有限制。

使用css，将它用button标签包裹住，将它的大小设置和button标签一样大小，将它的透明度设为0，这样就可以了，由于<input type="file">的按钮面积固定，如果button标签比较大的话，会出现点击边缘没有效果，这个可以通过设置input的font-size 来改变<input type="file">中按钮的面积。

在IE中使用button标签包裹没有效果，可以换成a标签或者其他标签。

相关资料：http://www.aiubug.com/?p=22