angular - 悬停时角度材质按钮更改

Question

任何人都可以提供一个在悬停时改变颜色的有角材质按钮的 stackblitz 示例吗？

我发现使用 ng::deep 的答案看起来会被删除？

    .link-btn /deep/ .mat-button-focus-overlay {
    background-color:transparent;
}

标签： angularangular-material

Answer 1

尝试这个：

这是 Stackblitz 链接：

https://stackblitz.com/edit/angular-xf75rm-twuv1h?file=src/app/button-types-example.css

添加一个类，如hover-class：

<div class="example-button-row">
  <button mat-raised-button color="primary" class="hover-class">Primary</button>
</div>

在 CSS 中：

.hover-class:hover {
  background-color: red;
}