在网页中上传照片是非常常见的功能,而CSS可以用来实现一个漂亮的上传照片按钮。下面就让我们来看看如何用CSS来实现这个功能。 首先,在HTML文档中创建一个带有input标签的表单,如下所示: &am
<form>
<label for="file-upload" class="upload-btn">
请选择一张照片
</label>
<input id="file-upload" type="file" style="display:none;">
</form>
<style>
.upload-btn {
display: inline-block;
background-color: #337ab7;
color: #fff;
border-radius: 5px;
padding: 10px 20px;
font-size: 18px;
cursor: pointer;
}
</style>
$('input[type="file"]').change(function(e){
var fileName = e.target.files[0].name;
$('.upload-btn').html(fileName);
});
粉丝
0
关注
0
收藏
0