파일 입력필드 숨기고 아이콘(폰트어썸)으로 대체 정보
파일 입력필드 숨기고 아이콘(폰트어썸)으로 대체
관련링크
본문
1.HTML
<div class="file-upload">
<input type="file" id="file" class="file">
<i class="fas fa-upload"></i>
</div>
2.CSS
.file-upload {
position: relative;
}
.file {
display: none;
}
.fas {
cursor: pointer;
}
3.JavaScript
document.querySelector(".fas").addEventListener("click", function() {
document.querySelector(".file").click();
});
추천
2
2
댓글 0개