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

Home Forums CSS Using :focus/:blur to show/hide content…

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

    I am trying to show the content by using :focus then hide it again using :blur. I’ve got it working with :hover, but I can’t get it to work with :focus and :blur.

    See work file at jsfiddle…

    I’m trying to use all css if possible. Maybe onfocus and onblur need to be added to html?

    Thank you,


    I was expecting to see some JS in there… Maybe I’m behind the times, but I’ve never seen :blur as a CSS property before.


    @TheDoc That makes two of us.


    So maybe an all CSS solution isn’t realistic. Could onFocus and onBlur be used instead?

    Can something like this work?

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