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;
}