Angular4更改md按钮的纹波颜色

Question

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

Answer 1

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

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

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