기본값 의사 클래스
<default 의사 클래스는
기본 유형을 가진 그룹 내 하나의 요소에
스타일을 지정합니다. 이 요소들은
부모 태그 <form> 내에
위치해야 합니다.
구문
선택자:default {
}
예시
기본 유형의 예로는 값이
submit인 type 속성이 있습니다.
이러한 버튼 중 하나에 파란색 배경을 설정해 봅시다:
<form>
<p>
<label>숫자 입력</label>
<input type="number">
</p>
<p>
<input type="submit">
<input type="submit">
<input type="reset">
</p>
</form>
:default {
background-color: #C2DDFD;
}
:
참고 항목
-
전체 화면 모드의 요소에 스타일을 지정하는
의사 클래스 <
:fullscreen -
값의 지정된 범위를 가진 요소에 스타일을 지정하는
의사 클래스 <
:in-range -
잘못된 값이 입력된 input에 스타일을 지정하는
의사 클래스 <
:invalid -
required 속성이 없는 input에 스타일을 지정하는
의사 클래스 <
:optional -
값이 범위를 벗어나는 요소에 스타일을 지정하는
의사 클래스 <
:out-of-range -
포커스를 받은 요소에 스타일을 지정하는
의사 클래스 <
:focus-within