mat-slide-toggle：即使禁用也能保持颜色深度

Question

当[disabled]=true时， mat-slide-toggle颜色将变淡，如示例站点中所示，但我希望即使[disabled]=true也能保持颜色深度。

我怎样才能做到这一点？

Answer 1

您可以在 CSS 中覆盖 Material 样式，像这样关闭不透明度：

.mat-slide-toggle.mat-disabled {
   opacity: 1 !important;
}

Answer 2

我最终设置(click)="$event.preventDefault();" 而不是[disabled]="true" 。