如何覆盖组件中的幻灯片切换/覆盖Css

我有一个组件，它是Sample1.html.component，其中包含mat slide toogle，我添加了一个SCS，但它没有生效，这是因为默认的角度材质吗？谢谢

如果对其进行切换和检查，其颜色应为#56ff00，如下面的SCS所示

角图格

---

根文件夹中有一个

main.scss

或类似于根scss文件的文件

在这个

main.scss

（或项目中的任何名称）中，您可以。只需添加以下内容

// Theme customization
@import 'theme/theme';

在这个文件中

然后在

主题

文件夹中创建

\u theme.scss

文件并添加以下代码：

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

---

要在

.mat滑动开关的顶部有一个粉红色边框

，您在哪个scss文件中编写了代码？此scss代码的作用域是否为您的组件？您需要创建一个

主题.scss

（或使用已创建的主题），并将所有材料覆盖放在全局scss文件中。是的，这是我的组件上的范围，所以它不能工作，因为垫子幻灯片不是您的组件。您需要使用主题文件进行这些覆盖。这是什么意思？我在组件中添加了样式URL:['./sample1.component.scss']

// Theme customization
@import 'theme/theme';

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