CSS :default pseudo 클래스

정의 및 사용법

CSS :default pseudo 클래스는 관련 요소 집합에서 기본 표单 요소를 선택하는 데 사용됩니다.

이伪클래스는 <button>、<input type="checkbox">、<input type="radio"> 및 <option> 요소에 사용될 수 있습니다.

예제

예제 1

기본 입력 요소에 빨간 그림자를 추가합니다:

input:default {
  box-shadow: 0 0 2px 2px 빨간색;
}

직접 테스트해 보세요

예제 2

단일 선택 버튼, 체크박스 및 옵션에 다른 기본 스타일을 설정합니다:

input[type=radio]:default {
  box-shadow: 0 0 5px 3px 파란색;
}
input[type=checkbox]:default {
  box-shadow: 0 0 5px 3px 자두색;
}
option:default {
  color: 파란색;
  background-color: 핑크;
}

직접 테스트해 보세요

CSS 문법

:default {
  css 선언;
}

기술 세부 사항

브라우저 지원

표中的 숫자는 이伪클래스를 최초로 지원하는 브라우저 버전을 지정합니다.