파일 입력필드 숨기고 아이콘(폰트어썸)으로 대체 > 코딩 스토리

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();

});