3. input的file样式的美化
作者:
chan_it | 来源:发表于
2019-07-02 16:26 被阅读0次
- label + display:none
<style>
#file1{
display: none;
}
</style>
<body>
<label><input type="file" name="" id="file1">请选择文件</label>
</body>
- 定位 + opacity
<style>
.file{
position: relative;
}
input{
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.file-label{
color: #999;
}
.file:hover .file-label{
color: #09f;
}
</style>
<body>
<div class="file">
<div class="file-label">请选择文件</div>
<input type="file" name="" id="file1">
</div>
</body>
本文标题：3. input的file样式的美化
本文链接：https://www.haomeiwen.com/subject/pscthctx.html
网友评论