CSS3 input[type=file] 樣式美化，input上傳按鈕美化
html自帶的上傳按鈕非常醜，在HTML4+CSS2時，想要美化檔案上傳還是很麻煩了。
HTML5+CSS3後，就非常方便了，例項如下：
思路：
input file上傳按鈕的美化思路是，先把之前的按鈕透明度opacity設定為0,然後，外層用div包裹，就實現了美化功能。
程式碼如下：
DOM結構：
| 1 2 |
<a href="javascript:;" class="a-upload">
<input type="file" name="" id="">點選這裡上傳檔案</a><a href="javascript:;" class="file">選擇檔案 <input type="file" name="" id=""></a>
|
CSS樣式1：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
/*a upload */.a-upload {padding: 4px 10px;
height: 20px;
line-height: 20px;
position: relative;
cursor: pointer;
color: #888;
background: #fafafa
|