<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文件上传按钮修改样式</title>
<style>
.file-box{
display: inline-block;
position: relative;
padding: 3px 5px;
overflow: hidden;
color:#fff;
background-color: #ccc;
}
.file-btn{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
outline: none;
background-color: transparent;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
</style>
</head>
<body>
<div class="file-box">
<input type="file" class="file-btn"/>
上传文件
</div>
</body>
</html>
文件上传input file默认样式修改
猜你喜欢
转载自blog.csdn.net/qq_29532651/article/details/82878670
今日推荐
周排行