<!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 tag has default width and height border, outline*/
.upload> input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*Transparency is 0*/
opacity: 0;
cursor: pointer;
}
</style>
</head>
<body>
<div class="upload">
upload files
<input type="file">
</div>
</body>
</html>
Input upload file style modification
Guess you like
Origin http://43.154.161.224:23101/article/api/json?id=325942598&siteId=291194637
Ranking