クラスが無効なフォームコントロール

Question

スタイルの入力ボタンがあります。無効になっている場合はスタイルを変更します。これは無効にするとdisabled="disabled"のように設定されますが、無効に設定されている場合は、disabledと書くだけで、クラス指定子でもうまく動作しません。

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