Angular 覆盖节点模块中的样式

一般来说，我对角度和前端开发是新手

我有一个多选组件，在勾选选项时，我想在框中看到一个勾号。目前，该框刚刚被“黑掉”

通过inspect查看应用程序后，我可以打开和关闭不同的样式选项。如果我将下面的“关闭”，则我将得到我想要的：

.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #2e2d2d;
}

这可以在：node_modules/@angular/material/_theming.scss中找到

---

有没有一种方法可以覆盖它，从而基本上关闭我的组件的“关闭”功能？

是的，可以使用伪类选择器覆盖组件中的样式

：host:：ng deep

。让我举一个例子：

:host ::ng-deep .mat-primary .mat-pseudo-checkbox-checked
   , .mat-primary .mat-pseudo-checkbox-indeterminate {
       background: lightpink; // your new color here
}

---

谢谢@steppup，如果我放背景：透明，那基本上不会放颜色吗？@nimgwfc是的，你说得对。应用的样式中将没有颜色。检查一下。