728x90 반응형 input 이미지1 [html/css] input checkbox 커스텀 이미지 사용하기 이번 포스팅에서는 input checkbox를 커스텀해보려고 한다. 다음은 기본 input checkbox이다. 이 기본 input checkbox를 다음과 같이 변경해보자. 먼저 checkbox 이미지를 on, off 두 개를 준비한다. 이미지 뒤에 on, off를 붙여서 따로 저장하자. 1. input 태그 옆에 비어있는 label을 붙인다. label의 for 속성에 input 태그의 아이디를 입력하면 label을 눌렀을 때에도 해당 아이디를 가진 input 태그를 누른 것과 같은 효과를 가진다. label에 아무것도 넣지 않은 이유는 이 label에 이미지를 입힐 것이기 때문이다. 2. input 태그의 display를 none으로 변경한다. #check{ display: none; } 기본 체크.. 2024. 4. 2. 이전 1 다음 728x90 반응형
