CSS :required pseudo-class

정의와 사용법

CSS :required pseudo-class는 필수 입력 양식 요소의 스타일을 선택하고 설정하는 데 사용됩니다(사용 가능한 경우에만 적용) <input>、<select> 와 <textarea>）。

required 속성을 가진 양식 요소는 필수 입력으로 정의됩니다.

ヒント：사용 :optional pseudo-class를 사용하여 선택하고 설정할 수 있는 선택형 양식 요소.

예제

required 속성을 가진 모든 <input> 요소의 스타일을 선택하고 설정합니다. 또한, required 속성을 가지지 않은 모든 <input> 요소의 스타일을 설정합니다：

input:optional {
  background-color: lightgreen;
}
input:required {
  background-color: pink;
  border-color: red;
}

직접 시험해 보세요

CSS 문법

:required {
  css 선언;
}

기술 세부 사항

브라우저 지원

표에서의 숫자는 이 pseudo-class를 최초로 지원하는 브라우저 버전을 지정합니다.

관련 페이지

참조：CSS :optional 패seudo 클래스