Angular material Can'；t从md按钮中删除背景色

在悬停状态下，我试图在悬停时删除md按钮的背景色，但我无法影响它

我用的是材料2

在我的html中，我有以下内容：

<div class="case-nav-container">
  <div *ngFor="let item of nav">
    <a md-button           
       routerLinkActive #rla="routerLinkActive"
       class = "case-button"
       [class.active]="rla.isActive">{{item.display}}</a> <br>
  </div>
</div>

---

我的问题是如何去除按钮的背景颜色？

我认为您需要增加SCS的特异性。尝试

.case导航容器a.case按钮

。您的SCS需要比角度材质代码更具体地处理您正在修改的元素。在某些情况下，增加特定性对于元素a是不实际的！重要的SCSS属性也将用于覆盖角度材质默认背景色。

背景色以焦点覆盖div的形式出现。这将删除它

模板：

<a mat-button class="no-hover">Basic Button</a>

.mat-button.no-hover ::ng-deep .mat-button-focus-overlay {
  background: none;
}

演示：

<a mat-button class="no-hover">Basic Button</a>

.mat-button.no-hover ::ng-deep .mat-button-focus-overlay {
  background: none;
}

---

如果使用sass，则可能重复

/deep/

而不是

：：ng deep

：ng deep角度文档建议将

/deep/

置于

/deep/

之上。是的！我已经将示例更新为使用sass组件样式表。