My HTML element is styled using '''[ngStyle]="{'background-color': project.colorIndicator?.colorIndicatorColor}''' And in the global styling sheet, Yellow is set to #FFCB14, however when the project color indicator is set to yellow, the Color on the site shows up as default yellow. Styling global Current Yellow target yellow

CodePudding user response：

Either throw a !important on the end or use a more comprehensive selector

CodePudding user response：

Try this

[ngStyle]="project.colorIndicator ? {background-color': colorIndicatorColor} : {}