html+css實(shí)現(xiàn)自定義圖片上傳按鈕功能

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

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

思路為：

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

再讓點(diǎn)擊自定義按鈕時(shí)觸發(fā)原來的選擇文件按鈕的事件即可

（對此，label可實(shí)現(xiàn)）

eg:

html:

css樣式：

結(jié)果圖：

點(diǎn)擊“選擇圖片”按鈕，則會(huì)觸發(fā)選擇圖片的事件，你就可以選擇圖片啦！

以上，是用bootstrap實(shí)現(xiàn)的，原生的如下：

html:

CSS:

效果圖：

總結(jié)

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