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

效果图

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM