如何使用css更改禁用属性时的颜色？

Question

我需要在启用

时更改此按钮<md-button class="md-fab">的颜色

所以我可以这样做

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

但这会使按钮的颜色始终为“橙色”， 我想在按钮被禁用时保持颜色为灰色

我该怎么做

Answer 1

使用

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

在css中

Answer 2

Css为您提供attribute selector任务。

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

或

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

这是Demo

Answer 3

您可以将CSS选择器用于禁用的元素，如下所示：

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

如果禁用，您的按钮将变为灰色，如果启用则为橙色。