CSSを使用して属性を無効にしたときの色を変更するにはどうすればよいですか？

Question

私はそれが

を有効になっている場合にのみ、私は

.md-fab{ 
    background-color: orange !important; 
} 

しかし、それは常に、ボタンの色「オレンジ」を作り、 は、私は維持したいことを行うことができます。このボタン<md-button class="md-fab">の色を変更する必要があります色のグレーのボタンは

Answer 1

です有効になっている場合はオレンジです。

Answer 2

が

を使用することを、私はどのように行うことができます

無効になっているときCSSで10

.md-fab:disabled{ 
     background-color: inherit !important; 
    } 

Answer 3

CSSは、タスクのためにあなたにattribute selectorを与えます。

.md-fab:disabled { 
    background-color: gray !important; 
} 

無効になっている場合、あなたのボタンがグレーになります。ここでは

.md-fab:disabled{ 
    background-color: gray !important; 
} 

または

.md-fab[disabled]{ 
    background-color: gray !important; 
} 

は、あなたがこのように、無効な要素のCSSセレクタを使用することができますDemo