Grow your CSS skills. Land your dream job.

Opera Mini & :focus

  • # February 12, 2013 at 2:39 am

    I am using a drop down nav list on small screens to save some space by using media queries;
    using :hover works fine on most modern browsers – except for Opera Mini.

    How can I detect the non-availability of :hover without too much javascript?

    I feel that using modernizr or selectivizr is a bit of overkill just to get rid of that one problem on the opening page of anyone using an enhanced telephone; like the Nokia XpressMusic.

    Any suggestions?

    # February 12, 2013 at 4:27 am

    You could use :focus with :hover to ensure usability on touch mobiles.

    # February 13, 2013 at 12:25 am

    Hi Hugo,
    the way I understand Opera Mini is, that it detects :focus only on form elements.
    And the problem is not with smart phones but with the millions of users that have “enhanced” phones.

    # February 13, 2013 at 10:55 am

    Paulie, yes but that discussion is focusing on focus() not the pseudo-class :focus.

    And the question is, how to get :hover to work on Opera Mini in the easiest, simplest, most elegant way without using lines and lines of javascript.

    # February 13, 2013 at 11:06 am

    Are we loading jQuery at all?

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".