The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] problems changing svg fill on hover

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #190455

    Please see this pen:

    I’m trying to get the facebook icon to fill black on hover. I am targeting the ‘circle’ element of the svg and think I am targeting it correctly because I am able to change the fill to blue in my css. However, the fill rule doesn’t work when I apply it to :hover

    Is it not possible to target an element within an svg? I’m not really sure why this won’t work…


    You can’t target the inner contents of a use element individually with CSS.

    You have to use a class on the use and it will apply to all sub-elements within the use unless the component sub-element has inline styles.

    At least that’s how I think it works.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.