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

2020-3-1    前端達人




20190107095942123.png


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

思路為:
用定位將自定義的按鈕遮住原來的選擇文件按鈕,
再讓點擊自定義按鈕時觸發(fā)原來的選擇文件按鈕的事件即可
(對此,label可實現(xiàn))

eg:
html:

20190107105857285.png


css樣式:


20190107105950752.png




20190107104448323.png

20190107104113359.png


結(jié)果圖:

20190107100131675.png


點一下,就可以彈出選擇文件的文件夾啦!


分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.820esy.cn

存檔