클래스가있는 양식 컨트롤이 비활성화되었습니다.

Question

스타일이있는 입력 버튼이 있는데, 사용할 수없는 경우 스타일을 변경하고 싶습니다. 이 기능을 사용하지 않도록 설정하면 disabled="disabled"처럼 작동하지만 비활성화 된 경우 disabled을 쓰는 것만으로 설정하면 클래스 지정자에서도 작동하지 않습니다. CSS를 잘못 구성하고 있습니까?

input[disabled="disabled"].awesome을 명확히하기 위해 input.awesome.disabled은 제대로 작동하지 않습니다.

<input class="awesome" disabled /> 
<input class="awesome" disabled="disabled" /> 

CSS : 내가 지금과 같은 선택을 작성하는 경우

input[disabled="disabled"].awesome , input.awesome.disabled 
{ 
    color: #aaa;; 
    background-color: #eee; 
} 

, 작동 (그러나 모든 버튼에 대한)

input[disabled="disabled"], input.disabled { /**/ } 

Answer 1

나는 다음과 같은 HTML로 테스트입니다

Disabled는 CSS가 의미하는 클래스가 아닙니다. 이것은 가상 클래스입니다. 이 옵션을 사용합니다 :

input.awesome:disabled