表單中的input type=”file”在前端開發中經常會用到，很悲劇的是input type=”file”在各個瀏覽器下表現不統一，樣式很難起作用；下面具體解決方法：

1.圖片定位疊加方案

就是通過將type="file"這個上傳按鈕透明後，然後疊加在一個圖片上

#up-button{
            cursor: pointer;
            opacity: 0;
            /*ie低版本不支援opacity的  只支援filter
為了相容*/
            width: 100px;
            filter: alpha(opacity=0);
            outline: none;
        }

<a href="javascript:void(0)"><input type="file" id="up-button"/></a>
2.webkit的方案-webkit-file-upload-button

只有對webkit核心有效，如果不支援帶-webkit-字首的寫法，就沒任何效果了