アンギュラマテリアルボタンを無効にするスタイルの変更

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;  

}