如何更改使用css禁用屬性時的顏色？

Question

我需要改變這個按鈕<md-button class="md-fab">的顏色，只有當它被啓用

，所以我能做到這一點

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

但使按鈕顏色「橙色」一如既往， 我想保持當按鈕被禁用

灰色我怎麼能做到這一點

Answer 1

您可以使用CSS選擇禁用的元素，像這樣：

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

那麼你的按鈕是灰色的，如果禁用如果啓用，則爲橙色。

Answer 2

使用

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

在CSS

Answer 3

的CSS給你attribute selector的任務。

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

或

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

這裏是Demo