How to change color of icons? #60
-
|
I am changing color like this |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 2 replies
-
|
Hi, try instead use CSS and the color property. https://stackblitz.com/edit/angular-adpvfg?file=src%2Fmain.ts |
Beta Was this translation helpful? Give feedback.
-
|
The color input seems to work fine for me: https://stackblitz.com/edit/angular-wjry4u?file=src%2Fmain.ts if you are able to reproduce this not working in stackblitz please raise an issue. |
Beta Was this translation helpful? Give feedback.
-
|
I don't know man, its working here but not in my project |
Beta Was this translation helpful? Give feedback.
-
|
Sure, so I see the icon color is matching the text within the button which suggests the styles setting the color on the button has a higher specificity and is overriding the color. An easy way to check would be to move the icon out of the button and see if it appears red. If not, it would suggest the color is being set more globally rather than by the button styles. At worst a workaround would be to set the color on the icon using CSS and add !important, e.g. <ng-icon style="color: red !important" ...> |
Beta Was this translation helpful? Give feedback.
-
|
Thanks, it's working now |
Beta Was this translation helpful? Give feedback.
Sure, so I see the icon color is matching the text within the button which suggests the styles setting the color on the button has a higher specificity and is overriding the color.
An easy way to check would be to move the icon out of the button and see if it appears red. If not, it would suggest the color is being set more globally rather than by the button styles.
At worst a workaround would be to set the color on the icon using CSS and add !important, e.g.
<ng-icon style="color: red !important" ...>