css - 有什么方法可以更改 mat-slide-toggle 的禁用状态颜色

Question

我想color更改mat-slide-toggle.

这就是滑动切换的外观

这是我的代码

<div>
  <mat-slide-toggle>Slide me!</mat-slide-toggle>
</div>

我怎样才能改变graybg颜色？

标签： cssangularangular-material

Answer 1

在根 style.scss 中进行全局样式覆盖（通常不推荐），如下所示。导入材质主题后

参考：https ://material.angular.io/guide/customizing-component-styles

@import '~@angular/material/prebuilt-themes/indigo-pink.css';

....
....


.mat-slide-toggle-bar {
  background-color: #e47171 !important;
}

样式导入的图像参考