기술스택/FE

[HTML/CSS] 여러 input 상태

dekoms 2025. 5. 12. 19:14

 

🧠 정리

상태 설명 요약
:hover 마우스 올라갔을 때
:focus 포커스 받은 입력 (커서가 진입한 상태, 입력이 가능한 상태)
:active 누르는 순간
:visited 방문한 링크
:enabled / :disabled 사용 가능/불가
:checked 체크됨 (radio, checkbox의 경우 사용)
 

토글 !== 라디오

토글은 checkbox를 css로 변환하여 사용