Search code examples
htmlcssangularjsstylesinline

Angular js inline style color is not working in IE 11

Hi I am trying to give color dynamically to p tag but for IE-11 browser it is not supporting how can I fix this issue,

<p style="color:{{userData.color}} !important;">{{userData.someText}}</p>

When I inspect the element it is coming like this in IE Note: it is working fine in chrome, firefox..!

I tried with ng-style="color:{{userData.color}} !important;"

enter image description here

Solution

  • Pass styling object to ng-style {color:userData.color}

    <p ng-style="{color:userData.color}">{{userData.color}}</p>