国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > HTML5 > 正文

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

2024-09-05 07:19:31
字體:
供稿:網(wǎng)友

自定義上傳圖片按鈕

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

普通的file效果

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

思路為:

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

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

(對此,label可實現(xiàn))

eg:

html:

自定義選擇文件按鈕替換原按鈕布局

css樣式:

自定義選擇文件按鈕CSS樣式布局

結(jié)果圖:

自定義選擇圖片按鈕

點擊“選擇圖片”按鈕,則會觸發(fā)選擇圖片的事件,你就可以選擇圖片啦!

以上,是用bootstrap實現(xiàn)的,原生的如下:

html:

原生自定義文件上傳按鈕html

CSS:

原生自定義文件上傳按鈕CSS

效果圖:

原生自定義文件上傳按鈕的效果圖

總結(jié)

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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 青铜峡市| 雅江县| 德州市| 德庆县| 博乐市| 仁寿县| 永定县| 买车| 高青县| 吉隆县| 兰西县| 囊谦县| 兴安县| 聂拉木县| 留坝县| 阜阳市| 新泰市| 高青县| 斗六市| 陕西省| 清苑县| 务川| 砀山县| 五指山市| 长岛县| 佳木斯市| 泽州县| 安阳市| 辽源市| 盐源县| 兰州市| 酉阳| 永康市| 芜湖县| 娱乐| 汾西县| 景泰县| 金阳县| 金阳县| 中江县| 隆子县|