定製文件上傳按鈕

<div class="u-upload">
    <button type="button">上傳文件</button>
    <input type="file"/>
</div>
<span class="u-upload">
    <button type="button">上傳文件</button>
    <input type="file"/>
</span>
<a href="#" class="u-upload">
    <button type="button">上傳文件</button>
    <input type="file"/>
</a>
<a href="#" class="u-upload">
    <button type="button">上傳</button>
    <input type="file"/>
</a>

/* 定製文件上傳按鈕  */
.u-upload{display:inline-block;*display:inline;*zoom:1;position:relative;overflow:hidden;}
.u-upload button{height:32px;padding:0 10px;border:1px solid #ccc;overflow:visible;font-size:14px;color:#666;background:#ddd;}
.u-upload input{position:absolute;top:0;right:-1px;font-size:100px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.u-upload:hover button{border-color:#bbb;color:#333;background:#ccc;}
a.u-upload,a.u-upload:hover{text-decoration:none;}