파일 입력필드 숨기고 아이콘(폰트어썸)으로 대체
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();
});
|
댓글을 작성하시려면 로그인이 필요합니다.