css - Angular Material 按钮禁用样式更改

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;    
}

按钮已禁用，但它具有来 self 的 css 的自定义颜色。我如何显示默认的禁用样式或者如果它被禁用则更改按钮颜色？

Jsfiddle

Answer 1

css应该是

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

见 http://jsfiddle.net/apxbutmf/