Anguar材料MD-ボタンのホバー色の変化が

Question

<div class="non-active" layout layout-align='space-around center'> 
      <md-button ng-click="$ctrl.widget.type = 'chart'; $ctrl.validateForm()" layout='column' ng-class="{selIcon : $ctrl.widget.type == 'chart'}"> 
       <md-icon md-menu-align-target md-svg-src="trending-up"></md-icon> 
       <label>{{'LABELS.CHART' | translate}}</label> 
      </md-button> 
      <md-button ng-click="$ctrl.widget.type = 'card';$ctrl.validateForm()" layout='column' ng-class="{selIcon : $ctrl.widget.type == 'card'}"> 
       <md-icon md-menu-align-target md-svg-src="info-white"></md-icon> 
       {{'LABELS.CARD' | translate}} 
      </md-button> 

      <md-button ng-click="$ctrl.widget.type = 'currentValue'; $ctrl.validateForm()" layout='column' ng-class="{selIcon : $ctrl.widget.type == 'currentValue'}"> 
       <md-icon md-menu-align-target md-svg-src="filter2"></md-icon> 
       {{'LABELS.CURRENTVAL' | translate}} 
      </md-button> 
     </div> 

    ///csss 

     .selIcon { 
      background: #91a865; 
     } 
     .non-active{ 

     .md-active-button:hover{ 
     background-color: #91a865; 
     } 

     } 

、クリックされた私のボタンがありません（.selIcon { 背景MD-上げではなく、簡単なCSSで緑に設定されています： ＃91a865; }）。唯一の問題は、灰色にホバー効果を取り除きたいということです。マウスを動かすとボタンがクリックされ、緑色に変わると灰色に変わります。この機能を無効にするにはどうすればよいですか？また、div内でラップすることで、この特定のボタンにのみ無効にすることができます。

Answer 1

の要素のクラスをターゲットにして、background-colorをcssを使用して変更する必要があります。 md-button角度素材の要素は、デフォルトで灰色の背景色を持ちます。 Here is a working plunker