上傳按鈕樣式

Ⅰ 怎麼修改php中input type=file的樣式

input type=file的樣式因為html自帶的上傳按鈕比較丑，所以可以用css對其優化

思路：

input file上傳按鈕的美化思路是，先把之前的按鈕透明度opacity設置為0,然後，外層用div包裹，就實現了美化功能。

DOM結構：

<ahref="javascript:;"class="a-upload">
<inputtype="file"name=""id="">點擊這里上傳文件
</a>

<ahref="javascript:;"class="file">選擇文件
<inputtype="file"name=""id="">
</a>

CSS樣式1：

/*a upload */
.a-upload {
padding: 4px 10px;
height: 20px;
line-height: 20px;
position: relative;
cursor: pointer;
color: #888;
background: #fafafa;
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
display: inline-block;
*display: inline;
*zoom: 1
}

.a-upload input {
position: absolute;
font-size: 100px;
right: 0;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer
}

.a-upload:hover {
color: #444;
background: #eee;
border-color: #ccc;
text-decoration: none
}
樣式2：

.file {
position: relative;
display: inline-block;
background: #D0EEFF;
border: 1px solid #99D3F5;
border-radius: 4px;
padding: 4px 12px;
overflow: hidden;
color: #1E88C7;
text-decoration: none;
text-indent: 0;
line-height: 20px;
}
.file input {
position: absolute;
font-size: 100px;
right: 0;
top: 0;
opacity: 0;
}
.file:hover {
background: #AADFFD;
border-color: #78C3F3;
color: #004974;
text-decoration: none;
}

修改之後

Ⅱ 怎麼上傳錄音到投訴網站

需要文件壓縮以後才可以上傳。上傳步驟：1.打開網站投訴界面界面-錄音上傳(一共三個上傳按鈕可以上傳三個文件)-上傳文件時需要點擊對應的空白處，待出現上傳箭頭後，點擊上傳。2.擊出現的上傳箭頭--選擇錄音問文件(錄音文件需要進行壓縮才可上傳)。3.如果上傳錯誤可點擊_按鈕，重新上傳，如果無問題點擊空白處出現圖2樣式，點擊提交，即可完成錄音上傳保存，如再次查看該用戶投訴情況，在錄音上傳狀態處會顯示是否上傳過錄音。
點擊提交後，錄音文件已經上傳的無法修改，如再次在同一按鈕處上傳錄音文件當月的文件會被覆蓋，往月已上傳的不會覆蓋。錄音上傳按鈕一共三個，如有未跟進未解決完問題的客戶，後續有錄音可通過其他上傳錄音按鈕繼續上傳。