Angular ::ng-deep 不能以全局方式工作

Question

我用我插入的样式创建了一个组件

::ng-deep .input-blue.mat-focused .mat-form-field-label {
  color: #6200EE !important;
}

完美运行。但是，当我将此代码添加到全局样式中以在所有不工作的组件中使用它时。

Answer 1

全局 style.css 只是一个普通的、非 Angular 或至少非封装（这是它的全部要点）样式表。删除::ng-deep 然后离开

.input-blue.mat-focused .mat-form-field-label {
  color: #6200EE !important;
}