Overriding css styles

[DragonBit]

I have a widget with css that defines the fill for the widget.

In my style.css I want to override that color.

I'm trying fill: #ffffff !important; 

Its not working...

Anyone know how to do this?

[Gondwana]

!important isn't supported.

Make sure your selector's specificity is high enough.

[DragonBit]

Thanks Gondwana, 

Based on on your suggestion...

I think I'm going to wrap my element in my component in a svg and put the style at the parent svg.  Then my app css can target the child element of the svg directly.