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);
         })

效果图
 

猜你喜欢

转载自www.cnblogs.com/supershare/p/11023175.html