:optional 가상 클래스

가상 클래스 optional는 required 속성이 설정되지 않은 입력 필드, 즉 필수가 아닌 선택적인 입력 필드에 적용되는 스타일을 정의합니다.

구문

css선택자:optional {

}

예제

선택적인 입력 필드에 회색 배경을 설정해 봅시다:

html<form>
  <p>
    <label>숫자 입력</label>
    <input type="number" required>
  </p>
  <p>
    <label>텍스트 입력</label>
    <input type="text">
  </p>
</form>

cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

함께 보기