html+css实现自定义图片上传按钮

2020-3-1    前端达人




20190107095942123.png


可以自定义一个file选择文件的按钮：

思路为：
用定位将自定义的按钮遮住原来的选择文件按钮，
再让点击自定义按钮时触发原来的选择文件按钮的事件即可
（对此，label可实现）

eg:
html:

20190107105857285.png


css样式：


20190107105950752.png




20190107104448323.png

20190107104113359.png


结果图：

20190107100131675.png


点一下，就可以弹出选择文件的文件夹啦！


分享本文至：
« 网页炫酷背景 【Web前端开发】第二课、HTML基础之HTML概述 »

分类

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档