파일 입력필드 숨기고 아이콘(폰트어썸)으로 대체
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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 1157 | CSS |
zakdok
|
7년 전 | 2882 | |
| 1156 | CSS |
zakdok
|
7년 전 | 2076 | |
| 1155 | HTML |
zakdok
|
7년 전 | 3389 | |
| 1154 | CSS |
 코딩하는기계 |
7년 전 | 2568 | |
| 1153 | CSS | 7년 전 | 2346 | ||
| 1152 | 기타 | 7년 전 | 2191 | ||
| 1151 | 기타 | 7년 전 | 2740 | ||
| 1150 | CSS |
 싸이드뤠이스 |
7년 전 | 4881 | |
| 1149 | HTML |
루돌프사슴코
|
7년 전 | 3064 | |
| 1148 | 기타 | 7년 전 | 2724 | ||
| 1147 | 기타 | 7년 전 | 2114 | ||
| 1146 | 기타 | 7년 전 | 2284 | ||
| 1145 | CSS | 7년 전 | 2543 | ||
| 1144 | CSS | 7년 전 | 2122 | ||
| 1143 | CSS | 7년 전 | 2387 | ||
| 1142 | CSS | 7년 전 | 2071 | ||
| 1141 | CSS | 7년 전 | 2363 | ||
| 1140 | CSS | 7년 전 | 2145 | ||
| 1139 | 기타 | 8년 전 | 2192 | ||
| 1138 | 기타 | 8년 전 | 2008 | ||
| 1137 | 기타 | 8년 전 | 1897 | ||
| 1136 | 기타 | 8년 전 | 2102 | ||
| 1135 | 기타 | 8년 전 | 1661 | ||
| 1134 | 기타 | 8년 전 | 1883 | ||
| 1133 | HTML | 8년 전 | 3519 | ||
| 1132 | 기타 | 8년 전 | 2418 | ||
| 1131 | 기타 | 8년 전 | 2191 | ||
| 1130 | 기타 | 8년 전 | 1923 | ||
| 1129 | 기타 | 8년 전 | 1469 | ||
| 1128 | CSS | 8년 전 | 2705 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기