<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
.upload {
display: inline-block;
width: 120px;
height: 60px;
line-height: 60px;
background: #009ad6;
position: relative;
text-align: center;
}
/*input 标签有默认的宽高border,outline*/
.upload> input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*透明度为0*/
opacity: 0;
cursor: pointer;
}
</style>
</head>
<body>
<div class="upload">
上传文件
<input type="file">
</div>
</body>
</html>
input上传文件的样式修改
最新推荐文章于 2024-08-12 16:30:53 发布