반응형
• 상태 가상클래스
| :enabled | - 활성화 상태인 폼요소등의 UI 요소를 가리킴 - 입력할 수 있는 요소 |
| :disabled | - 활성화 상태인 폼요소등의 UI 요소를 가리킴 - 입력할 수 있는 요소 |
| :checked | - 선택된 상태인 라디오 버튼이나 체크박스를 가리킴 - 사용자가 선택했거나 문서의 기본값이 선택된 상태여도 가능 |
| :indetermi-nate | - 선택된 상태도, 선택되지 않은 상태도 아닌 라디오 버튼이나 체크박스 - 사용자 입력에 따른 상태가 아닌 DOM 스크립트를 통해서만 만들 수 있음 |
| :default | - 기본값으로 선택되어 있는 라디오버튼, 체크 박스 등 |
| :vaiid | - 사용자가 입력한 내용이 사용자 입력란에 정해진 기준을 모두 만족하는 상태 |
| :invalid | - 사용자가 입력한 내용이 사용자 입력란에 정해진 기준을 모두 만족하지 못하는 상태 |
| :in-range | - 사용자가 입력한 내용이 사용자 입력란에 정해진 최솟값 ~ 최댓값 사이 |
| :out-of-range | - 사용자가 입력한 내용이 사용자 입력란에 정해진 최소값보다 작거나 최댓값보다 큰 사이 |
| :required | - 반드시 입력해야 하는 요소 |
| :optional | - 반드시 입력할 필요는 없는 요소 |
| :read-write | - 사용자가 값을 입력하거나 수정할 수 있는 요소 |
| :read-only | - 사용자가 값을 입력하거나 수정할 수 없는 요소 |
반응형
'CSS > CSS' 카테고리의 다른 글
| [가상 요소 선택자] first-letter, first-line (0) | 2023.01.30 |
|---|