怎么美化input file 浏览框，效果如下

如何美化input file 浏览框，效果如下


如何用css写出这样的效果呢求高手帮帮忙
[解决办法]
.i-file{ position:absolute; opacity:0; filter:Alpha(opacity=0); width:100%; height:100%; left:0; top:0;}  加多一句，兼容ie filter:alpha(...)
[解决办法]
<span class="fileInputContainer"><input class="fileInput" type="file" name="" id="" /></span><span>


.messageTxt span.fileInputContainer{background:url(images/这里改成你自己的图片.jpg) no-repeat 0 8px;position:relative;width:57px;}
.fileInput{height:24px;overflow: hidden;font-size:300px;position:absolute;right:0;top:0;opacity: 0;filter:alpha(opacity=0);cursor:pointer;}