Wie kann ich die Farbe ändern, wenn das Attribut mit CSS deaktiviert wurde?

Question

Ich brauche <md-button class="md-fab"> nur die Farbe dieser Schaltfläche ändern, wenn es

ich tun kann, so aktiviert, dass

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

aber, dass die Taste Farbe ‚Orange‘ machen das immer, Ich möchte halten Farbe grau, wenn die Schaltfläche

deaktiviert ist, wie kann ich das tun

Answer 1

Sie können für Behinderte Elemente des CSS-Selektor verwenden, wie folgt aus:

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

Dann wird Ihr Knopf grau sein, wenn deaktiviert und orange, falls aktiviert.

Answer 2

Verwendung

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

in css

Answer 3

Css geben Sie attribute selector für die Aufgabe.

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

oder

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

Hier ist Demo