Angular4更改md按钮的波纹颜色

【问题标题】：Angular4 Change md-button's ripple colorAngular4更改md按钮的波纹颜色
【发布时间】：2017-09-24 00:13:02
【问题描述】：

我使用 Material for Angular4 在我的网页中创建了一个 md 按钮。有没有办法改变涟漪效果的颜色并使其变白？我还可以更改其他涟漪属性，例如涟漪效果的持续时间吗？

【问题讨论】：

【解决方案1】：

事实证明，为了改变涟漪属性，应该在 mat-ripple-theme 创建一个 mixin，并将其导入应用程序的 styles.scss 文件中：

@import '~@angular/material/theming';

@mixin mat-ripple-theme($theme) {
  .mat-ripple-element {
    background-color: rgba(255, 255, 255, .4);
  }
}

【讨论】：

github.com/angular/material2/blob/master/src/lib/core/ripple/… 中有一个ripple mixin 导入时可用@import '~@angular/material/theming';