CSS :enabled pseudo 클래스

정의와 사용법

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

ヒント::disabled 이伪클래스는 어떤 비활성화된 요소의 스타일을 선택하고 설정하는 데 사용됩니다(주로 양식 요소에 사용됩니다).

예제

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

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

직접 시험해 보세요

CSS 문법

:enabled {
  css 선언;
}

기술 세부 사항

버전: CSS3

브라우저 지원

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

크롬 에지 파이어폭스 사파리 오페라
4.0 9.0 3.5 3.2 9.6

관련 페이지

참조:CSS :disabled 패seudo 클래스