Forums

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
    Posts
  • August 14, 2011 at 9:53 pm #33911
    TreeTopStudio
    Member

    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,
    CM

    August 15, 2011 at 1:58 am #85005
    TheDoc
    Member

    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.

    August 15, 2011 at 2:06 am #85006
    joshuanhibbert
    Member

    @TheDoc That makes two of us.

    August 15, 2011 at 9:31 pm #85046
    TreeTopStudio
    Member

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

    Can something like this work?

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