Angular ::ng-deep not working in global style

user_7831822 0
Viewed 2407

I created a component with its style I inserted

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

works perfectly. However when I add this code to the global style to use it in all components not working.

angular-material angular css
1 Answers

The global style.css is just a plain, non-Angular, or at least non-encapsulated (that is its whole point) style sheet. Remove the ::ng-deep and just leave

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