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

首頁 > 網站 > WEB開發 > 正文

【CSS】自定義上傳文件按鈕

2024-04-27 15:18:32
字體：大 中 小
來源：轉載
供稿：網友

這里寫圖片描述

【CSS】自定義上傳文件按鈕

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="common.css"/> <style> .sc{ width: 200px; height: 73px; line-height: 73px; text-align: center; /*background: url(img/file_btn_03.png) no-repeat center; background-size: contain;*/ background: deeppink; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; position: relative; } .mystyle{ width: 200px; height: 73px; position:absolute; cursor: pointer; outline: medium none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; top:0px; left: 0; z-index: 9999; } </style> </head> <body> <!--自定義上傳圖片按鈕--> <!--利用CSS中透明的屬性，把input type=“file”隱藏了，然后把它放到您自定義的圖片或按鈕的位置上。--> <div class="sc">上傳圖片 <input type="file" name="file" id="file" class="mystyle" value="" accept=""/> </div> </body></html><script type="text/javascript"></script>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 兰溪市| 蒙山县| 九江市| 东明县| 师宗县| 房山区| 彩票| 博兴县| 青冈县| 凤翔县| 新乡市| 富川| 黄大仙区| 台北市| 巩义市| 甘孜县| 旬阳县| 靖宇县| 怀仁县| 麻栗坡县| 高密市| 五指山市| 湖口县| 安远县| 安岳县| 梧州市| 怀集县| 唐山市| 周口市| 绥芬河市| 兴城市| 临汾市| 板桥市| 台湾省| 宜昌市| 二连浩特市| 徐水县| 泰顺县| 岑溪市| 柘荣县| 团风县|