【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>   <div class="sc">上传图片 <input type="file" name="file" id="file" class="mystyle" value="" accept=""/> </div> </body></html><script type="text/javascript"></script>

上一篇：一个书上的Ajax登录验证的源码以及分析

下一篇：前台js将&lt;&gt;换成转意符