Угловая Кнопка Материал Отключить Изменение стиля

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;  

}