美化文件上傳控件

 <style>

.file {

        position: relative; direction:ltr; height:18px; overflow:hidden;

        line-height: 18px;  margin-right: 10px; padding:3px 0; 

        text-align: center;  width:105px; background: #880000; color:#FFF;

}

 

.file input{

        cursor: pointer; text-align: right; z-index: 10; font-size: 118px;

        position: absolute; top: 0px; right:0px; opacity: 0; filter: Alpha(opacity:0);

}

</style>

<div class="file">

        <input type="file" name="attach" />請選擇文件

</div>

原文地址: http://www.kindcent.com/blog/view/html-upload-input-file-beautify