Hit Back on iPhone; link :hover color still shown... but not on all sites?

Discussion in 'Web Design and Development' started by nagromme, Apr 18, 2012.

  1. macrumors G5

    nagromme

    Joined:
    May 2, 2002
    #1
    On iOS, when you tap a link, the CSS :hover color shows for a moment (which is nice).

    But if you then tap the Back button, the same link is shown in :hover color without you even having to touch it. Annoying! Especially for major navigation buttons. MacRumors top navigation tabs show this problem: tap to another tab, hit Back, and you’ll see.

    How can I fix this in CSS? I’m stumped.

    I think it’s fixable, but I can’t tell why some sites with :hover do not have this problem:

    - CNN.com (try the blue article links)
    - Apple.com (try the top tabs)
    - The forums here! (try any link—except, as I say, the top tabs)

    (I’ve heard of people using body onunload to de-focus all links as you leave a page. But none of the three sites above seem to do that. So I don’t want to throw Javascript at this problem.)

    TIA!
     

Share This Page