Angular ::ng-deep不能在全局风格下工作

Question

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

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

效果很好。但是，当我将这段代码添加到全局样式中以在所有组件中使用它时，它就不起作用了。

Answer 1

全局style.css只是一个普通的、非角度的，或者至少是非封装的(这就是它的全部要点)样式表。删除::ng-deep，然后离开

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