required 의사 클래스
required 의사 클래스는
required 속성을 가진 입력 필드,
즉 필수 입력 필드에 적용되는 스타일을
정의합니다.
구문
선택자:required {}
예제
필수 입력 필드의 배경을 파란색으로 설정해 보겠습니다:
<form>
<p>
<label>숫자 입력</label>
<input type="number" required>
</p>
<p>
<label>텍스트 입력</label>
<input type="text">
</p>
</form>
input:required {
background-color: #C2DDFD;
}
:
함께 보기
-
:optional의사 클래스,
required 속성이 없는 입력 필드의 스타일을 정의합니다. -
:default의사 클래스,
기본 요소의 스타일을 정의합니다. -
:indeterminate의사 클래스,
불확정 상태의 토글에 스타일을 정의합니다. -
:read-only의사 클래스,
변경할 수 없는 입력 필드의 스타일을 정의합니다. -
:read-write의사 클래스,
변경 가능한 입력 필드의 스타일을 정의합니다.
