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

Question

我需要改变这个按钮的颜色<md-button class="md-fab">仅在启用时

所以我可以做到这一点

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

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

我该怎么做

Answer 1

您可以为禁用的元素使用 CSS 选择器，如下所示:

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

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