Angular 单击mat按钮时如何更改背景颜色-角度?

Angular 单击mat按钮时如何更改背景颜色-角度?,angular,angular-material,Angular,Angular Material,例如: 当我点击其中任何一个按钮时,按钮上添加了灰色背景效果 我已尝试使用ngdeep并针对mat按钮的状态,如焦点和活动。但是,即使使用红色等背景色,我仍然可以看到灰色,而使用白色背景,显然灰色仍然存在。您可以使用disableRipple作为true关闭材质按钮的涟漪效果。所以点击按钮时,灰色背景效果不会出现 <button mat-raised-button [disableRipple]="true">Basic</button> 查看此处的

例如: 当我点击其中任何一个按钮时,按钮上添加了灰色背景效果


我已尝试使用ngdeep并针对mat按钮的状态,如焦点和活动。但是,即使使用红色等背景色,我仍然可以看到灰色,而使用白色背景,显然灰色仍然存在。

您可以使用disableRipple作为true关闭材质按钮的涟漪效果。所以点击按钮时,灰色背景效果不会出现

<button mat-raised-button [disableRipple]="true">Basic</button>
查看此处的详细链接


您能截图显示按钮的行为吗?这能回答您的问题吗@SarahCox感谢您的链接,但我尝试了这些选项,但没有成功work@Gintoki对不起,这对你不起作用。我很高兴Nirmalya Roy能为你提供一个好的解决方案!真管用!非常感谢。您知道是否可以在css中更改它吗?我的项目中已经有很多垫子按钮。根据材料角度文档,这是唯一的方法。如果这个答案是正确的,请让这个答案正确。请检查我修改后的答案。通过这种方式,您实际上可以消除整个项目的涟漪。
const globalRippleConfig: RippleGlobalOptions = {
  disabled: true,
  animation: {
    enterDuration: 300,
    exitDuration: 0
  }
};

@NgModule({
  providers: [
    {provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: globalRippleConfig}
  ]
})