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