파일 입력필드 숨기고 아이콘(폰트어썸)으로 대체
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();
});
게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 77 | HTML |
 ⓦangcho |
19년 전 | 5142 | |
| 76 | HTML | 19년 전 | 6766 | ||
| 75 | HTML |
ⓦangcho |
19년 전 | 6774 | |
| 74 | 기타 |
 Photofly |
19년 전 | 5929 | |
| 73 | HTML | 19년 전 | 3710 | ||
| 72 | HTML |
 Elbis |
19년 전 | 6296 | |
| 71 | HTML |
Elbis |
19년 전 | 3194 | |
| 70 | HTML |
Elbis |
19년 전 | 3503 | |
| 69 | HTML |
Elbis |
19년 전 | 2426 | |
| 68 | HTML |
Elbis |
19년 전 | 2726 | |
| 67 | HTML |
Elbis |
19년 전 | 2632 | |
| 66 | HTML |
Elbis |
19년 전 | 3141 | |
| 65 | HTML |
사랑과우정
|
19년 전 | 4736 | |
| 64 | HTML | 19년 전 | 13642 | ||
| 63 | HTML | 19년 전 | 3498 | ||
| 62 | HTML | 19년 전 | 3904 | ||
| 61 | HTML | 19년 전 | 4348 | ||
| 60 | HTML |
개발자관리자
|
19년 전 | 3597 | |
| 59 | HTML |
개발자관리자
|
19년 전 | 3787 | |
| 58 | HTML |
개발자관리자
|
19년 전 | 4100 | |
| 57 | HTML | 19년 전 | 5644 | ||
| 56 | HTML |
스마일미디어
|
19년 전 | 4129 | |
| 55 | HTML |
스마일미디어
|
19년 전 | 4024 | |
| 54 | HTML |
스마일미디어
|
19년 전 | 3686 | |
| 53 | HTML | 19년 전 | 3799 | ||
| 52 | HTML | 19년 전 | 5632 | ||
| 51 | HTML | 19년 전 | 5641 | ||
| 50 | HTML | 19년 전 | 4105 | ||
| 49 | HTML | 19년 전 | 5701 | ||
| 48 | HTML | 19년 전 | 3748 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기