如何覆盖组件中的mat-slide-toggle /覆盖CSS

Question

我有一个组件Sample1.html.component，其中包含席片滑过，我添加了一个scss，但是没有生效，这是由于默认的棱角材质吗？谢谢。

如果已切换并检查它的颜色，则应为＃56ff00，如下面的scss所示。

角度齿形

<mat-slide-toggle #relayToggle  [checked]="hasBeenChecked" labelPosition="before" (change)="relayChanged($event)">
      Toggle
</mat-slide-toggle>

scss

:host {
  @include full-width();

  .mat-slide-toggle.mat-checked {

    & .mat-slide-toggle-thumb {
      background-color: #56ff00 !important;
    }

    & .mat-slide-toggle-bar {
      background-color: #56ff008a !important;
    }
  }

Answer 1

您的根文件夹中有一个which ipython; which python或类似的root scss文件。

在此main.scss（或项目中所称的名称）中，您可以include your themes。只需添加

main.scss

在此文件中。

然后在您的// Theme customization @import 'theme/theme'; 文件夹中创建一个theme文件并添加以下代码：

_theme.scss

为您的.mat-slide-toggle { border-top-color: pink; }

设置粉红色的顶部边框