Input Box 디자인 하기
나름 많이 사용합니다... 특히 이미지업로드 할때 미리보기 할때 많이 사용합니다.
이미지 업로드 file 의 경우 브라우져마다 보여지는 디자인이 다르고,
이쁘지도 않다.. 그래서 디자인을 하는경우가 많습니다.
여기서 FileReader 를 사용하는데 IE10 이상에선 모두 지원하니 참고하시기 바랍니다.
See the Pen Input type file by DeokHwan (@deokhwan) on CodePen.
CSS의 세계는 깊게 들어갈수록 점점더 디자인이 이뻐지는것 같아요 ^^
'웹관련 > HTML-CSS' 카테고리의 다른 글
| [CSS] 선택자에 대해 알고 가자!! (0) | 2019.10.23 |
|---|---|
| [CSS] placeholder 글자 색상변경하기 (0) | 2019.03.20 |
| [CSS] transition 으로 네모박스 그리기 (0) | 2019.01.25 |
| [CSS] img 태그 onerror 관련 (0) | 2018.12.12 |
| [HTML5] audio태그를 사용방법 (0) | 2018.10.22 |
댓글