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.
Asked
Active
Viewed 4,446 times
6
rami-sf
- 119
- 1
- 10
-
1FYI ::ng-deep is about to deprict, please avoid its usage – Akhil Aravind Feb 26 '20 at 11:23
-
Does this answer your question? [How and where to use ::ng-deep?](https://stackoverflow.com/questions/46786986/how-and-where-to-use-ng-deep) – Awais Feb 26 '20 at 14:12
1 Answers
12
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;
}
mbojko
- 13,503
- 1
- 16
- 26