普通的input[type=‘file’]的效果很樸素

可以自定義一個file選擇文件的按鈕：

思路為：

用定位將自定義的按鈕遮住原來的選擇文件按鈕，

再讓點擊自定義按鈕時觸發原來的選擇文件按鈕的事件即可

（對此，label可實現）

eg:

html:

css樣式：

結果圖：

點擊“選擇圖片”按鈕，則會觸發選擇圖片的事件，你就可以選擇圖片啦！

以上，是用bootstrap實現的，原生的如下：

html:

CSS:

效果圖：

總結

以上所述是小編給大家介紹的html+css實現自定義圖片上傳按鈕功能,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！