上传按钮样式
Ⅰ 怎么修改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样式,点击提交,即可完成录音上传保存,如再次查看该用户投诉情况,在录音上传状态处会显示是否上传过录音。
点击提交后,录音文件已经上传的无法修改,如再次在同一按钮处上传录音文件当月的文件会被覆盖,往月已上传的不会覆盖。录音上传按钮一共三个,如有未跟进未解决完问题的客户,后续有录音可通过其他上传录音按钮继续上传。
