input file样式修改
1 input file 透明度0
<input type="file" class="filess" style="opacity: 0"/>
2 另外创建一个input button 作为新的样式
<input type="text" class="filetext"/>
<button class="change_btn">选择文件</button>
3 jquery 点击按钮的时候让 filess被点击
$(".change_btn").click(function () { $(".filess").click(); });
4 把原来input内的值赋值给新的input
$('.filess').change(function(){
var file=$('.filess').val();
$('.filetext').val(file);
})
效果图