[HTML/CSS 실무 팁] input 의사 클래스(pseudo-class)

 

🧠 정리

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

 

토글 !== 라디오

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