Question

我正在使用有角度的材料。有时我想覆盖内置主题（在我的情况下为indigo-pink.css）。我是这样的：

::ng-deep .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element,
::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background, 
::ng-deep .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #10014B !important;
}

对我来说很好。但是，当我使用全局css文件中的相同代码时，在其中设置了encapsulation = none

encapsulation: ViewEncapsulation.None

其他文件中的代码看不到我最重要的CSS类。有谁知道为什么吗？

谢谢！

Answer 1

如果您是在全局级别编写CSS，则无需使用:: ng-deep（如果特异性更高），则默认情况下将使用它们（https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity）来探索封装，您可以在此下面进行操作（ https://alligator.io/angular/viewencapsulation/）

如何从全局CSS文件覆盖角度材质主题

1 个答案: