Styling SVG within a Class in anything but firefox

[[email protected]]

So If I open this pen

http://codepen.io/mark/pen/zqdBzo

in any other page but firefox the Second one is Blue.

Firefox the code below works a dream.

<style>
.loveIsLime  #Love {
  fill : Lime;
}
</style>

[tomnoble92]

On can I use.com it it say Fill isn’t supported on Firefox and needs prefixing to chrome ect.

http://caniuse.com

Tom

[[email protected]]

Figured it out.

1. Remove Fills on Paths in the Symbol
2. When Inserting the icons use a class for the icon as well
3. Parent Classes will work then

http://codepen.io/mark/pen/QNMEPj

[Author]

Posts