Fix CSS hover on iPhone/iPad/iPod Fix CSS hover on iPhone/iPad/iPod ios ios

Fix CSS hover on iPhone/iPad/iPod


Add onclick="" to anything you wish iOS to recognise as an element with a hover.

<div onclick="">Click Me!</div>


Some people don't know about this. You can apply it on div:hover and working on iPhone .

Add the following css to the element with :hover effect

.mm {    cursor: pointer;}


The onclick="" was very temperamental when I attempted using it.

Using :active css for tap events; just place this into your header:

<script>    document.addEventListener("touchstart", function() {},false);</script>