Rumah > hujung hadapan web > html tutorial > html实现自定义图片上传按钮

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

王林
Lepaskan: 2020-02-19 18:52:59
ke hadapan
2934 orang telah melayarinya

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

思路:

用定位将自定义的按钮遮住原来的选择文件按钮,再让点击自定义按钮时触发原来的选择文件按钮的事件即可。

学习推荐:html视频教程

示例如下:

html:

7e6f53d0f633f262fd748875f66bd8e.png

css:

1582106913(1).jpg

效果如下:

3fa9f82134d4de7b7a3c7ba60167ac4.png

更多编程相关内容,请关注php中文网编程入门栏目!

Atas ialah kandungan terperinci html实现自定义图片上传按钮. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan