角度材质按钮禁用样式更改

Question

form.html

<md-button class="md-raised md-primary pull-right formPage" ng-disabled="formPage.$invalid" ng-click ="submit()">SAVE</md-button>

CSS

.md-button.md-raised.md-primary.formPage {
    position: right !important;
    color: #FFFFFF;
    background-color:#008cba;    
}

按钮被禁用，但它有我的CSS的自定义颜色。如何禁用默认禁用样式或更改按钮颜色？

Jsfiddle

Answer 1

css应该是

.md-button.md-raised.md-primary.formPage:not([disabled])

请参阅http://jsfiddle.net/apxbutmf/

Answer 2

当禁用该按钮时，新的类会出现在您的按钮上，其名称称为禁用。检查并更新您的CSS，如下所示;

.md-button.md-raised.md-primary.formPage:not(.disabledclassname) {
position: right !important;
color: #FFFFFF;
background-color:#008cba;    

}