기본값 의사 클래스

<default 의사 클래스는 기본 유형을 가진 그룹 내 하나의 요소에 스타일을 지정합니다. 이 요소들은 부모 태그 <form> 내에 위치해야 합니다.

구문

css선택자:default {
  
}

예시

기본 유형의 예로는 값이 submit인 type 속성이 있습니다. 이러한 버튼 중 하나에 파란색 배경을 설정해 봅시다:

html<form>
  <p>
    <label>숫자 입력</label>
    <input type="number">
  </p>
  <p>
    <input type="submit">
    <input type="submit">
    <input type="reset">
  </p>
</form>
css:default {
  background-color:  #C2DDFD;
}

Результат:

참고 항목

  • 전체 화면 모드의 요소에 스타일을 지정하는 의사 클래스 <:fullscreen
  • 값의 지정된 범위를 가진 요소에 스타일을 지정하는 의사 클래스 <:in-range
  • 잘못된 값이 입력된 input에 스타일을 지정하는 의사 클래스 <:invalid
  • required 속성이 없는 input에 스타일을 지정하는 의사 클래스 <:optional
  • 값이 범위를 벗어나는 요소에 스타일을 지정하는 의사 클래스 <:out-of-range
  • 포커스를 받은 요소에 스타일을 지정하는 의사 클래스 <:focus-within