DEV Community

Discussion on: Lots of fun with "hover" css selectors on mobile devices

Collapse
 
benpai profile image
Benji Grant

The way I usually handle this is to design in a way that the hover style is usually the same as the focus, or is a lesser version of the focus style (think hover: 3px bigger, focus: 6px bigger). The best way to think of the cursor on mobile is that it follows where you touch, so if you last touched a button, the hover state will still be applied to that button until you touch somewhere else.

Collapse
 
mario profile image
mario menti

Thanks - yes, this makes sense, also in terms of how to design, although in this case I wasn't in charge of design, just implementing it..

Collapse
 
benpai profile image
Benji Grant

Haha yeah that's usually how it goes. Don't forget you can always let your client know that a small change in design can mean a lot for usability.