Javascript 角度材质md按钮悬停颜色更改 {{'LABELS.CHART'| translate}} {{'LABELS.CARD'| translate}} {{'LABELS.CURRENTVAL'| translate}} ///CSS 塞利肯先生{ 背景#91a865； } .非活动{ .md活动按钮：悬停{ 背景色：#91a865； } }

如您所见，单击“我的按钮”时设置为绿色不是由md引发的，而是由简单的css（.selIcon）引发的{ 背景#91a865；

---

}) . 唯一的问题是我想删除灰色的悬停效果。一旦按钮被点击，当我悬停时变为绿色，它将变为灰色。如何禁用此功能？另外，我是否可以将其包装在一个div中，使悬停禁用仅影响此特定按钮

您只需要针对

md button

元素的类，即

.md button

，并使用css更改

背景色

<代码>md按钮默认情况下，角度材质的元素具有灰色背景色。

---

悬停时的预期行为是什么？保持绿色。单击按钮时，它会变为绿色，或者在最初单击按钮时说没有悬停效果，然后变为绿色。选择绿色表示按钮已选择。您可以在代码编辑器（plunker、codepen或JSFIDLE）中重现此问题并在此处共享链接吗？使用ng-class的

md no ink

。我将如何添加此问题？对不起，这材料不太好。我尝试了

ng class=“{selIcon:$ctrl.widget.type=='chart'md no ink}”

但它禁用了单击时的初始绿色。只是希望灰色的悬停删除，我相信所有的md-按钮有这个透明的灰色悬停

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

      }