[CSS] input type="file" CSS 적용하기

<input type="file>

: file 폼 태그에 accept 속성으로 사용자가 첨부하려는 파일을 특정 할 수 있습니다. 간략하게 파일 첨부를 할 수 있는 태그입니다. input tyle="file" 같은 경우에 class, id 값을 명시해서 CSS로 효과를 적용 하려고 해도 적용되지 않습니다.

<div class="file">
	<label for="file">첨부파일</label>
    <input type="file" id="file"/>
</div>

<label> 태그의 for name과 <input> 태그의 id가 일치 해야 <label>을 클릭 했을 때 file 기능이 동작합니다.

 

클론 코딩 프로젝트에서 게시물 작성 할 때 이미지 미리보기 부분에서 활용 하였습니다.

 

(출처)

https://joon7180.tistory.com/19

[CSS #4] input type="file" css적용하기