커스텀 파일업로드 타입(file-upload) -접근성고려 #2
웹 접근성 파일업로드 타입 이 포스팅의 인풋 타입의 파일 업로드는 디자인 커스텀이 가능할 뿐만 아니라 접근성 포커스 이동까지 준수한 파일 업로드입니다. 현재 포커스시의 색상은 빨간색 타입의 dotted 로 정의되어 있습니다. HTML html 파일 업로드 찾아보기 CSS css * { margin: 0; padding: 0; } body { width: 700px; margin: 40px auto; } /* input file type */ .input-file { display: inline-block; } .input-file [type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: h..
