如何在角度 6/7/8/9/10/11/12/13 中禁用步进器的波纹效果，它们是删除选项卡和按钮等波纹的选项

Answer 1

<mat-vertical-stepper [disableRipple]="true">

做到了。请参阅此处。

Answer 2

• 点击时消除连锁反应并不是火箭科学 mat-stepper 或更改该步骤。我们也可以通过一些CSS hacks来做到这一点。
当我们点击 一个元素，所以我们可以用这种方式改变它。

• .mat-step-header:hover{
      background-color: white !important;
  }
  .mat-step-header.cdk-program-focused {
        background-color: white;
    }
  .mat-step-header.cdk-mouse-focused{
      background-color: white;
  }
  .mat-step-header.cdk-focused{
      background-color: white;
  }

如果您尝试覆盖波纹效果附带的颜色，您应该定位以下类：

Answer 3

::ng-deep .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled="false"] { background-color: white !important; }

用预期的颜色替换白色值。