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

2020-3-1    前端達(dá)人




20190107095942123.png


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

思路為：
用定位將自定義的按鈕遮住原來的選擇文件按鈕，
再讓點(diǎn)擊自定義按鈕時(shí)觸發(fā)原來的選擇文件按鈕的事件即可
（對(duì)此，label可實(shí)現(xiàn)）

eg:
html:

20190107105857285.png


css樣式：


20190107105950752.png




20190107104448323.png

20190107104113359.png


結(jié)果圖：

20190107100131675.png


點(diǎn)一下，就可以彈出選擇文件的文件夾啦！


分享本文至：

日歷

鏈接

個(gè)人資料

存檔