CSS3 :disabled 피어클래스

정의와 사용법

CSS :disabled 피어클래스는 어떤 비활성화된 요소의 스타일을 선택하고 설정하는 데 사용됩니다(주로 테이블 요소에 사용됩니다).

훌륭합니다::enabled 피어클래스는 어떤 활성화된 요소의 스타일을 선택하고 설정하는 데 사용됩니다(주로 테이블 요소에 사용됩니다).

예제

예제 1

모든 비활성화된 <input> 요소에 연한 회색 배경색을 설정하고, 모든 활성화된 <input> 요소에 노란 배경색을 설정합니다:

input:disabled {
background-color: lightgray;
}
input:enabled {
background-color: yellow;
}

자신이 직접 시도해 보세요

예제 2

모든 비활성화된 <option> 요소에 배경색을 설정합니다:

option:disabled {
  background-color: lightgray;
}

자신이 직접 시도해 보세요

CSS 문법

:disabled {
  css 선언;
}

기술 세부 사항

브라우저 지원

표格에 표시된 숫자는 이伪클래스를 최초로 지원하는 브라우저 버전을 나타냅니다。

관련 페이지

참조:CSS :enabled 패seudo 클래스