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

效果圖