CSS

Hover – double click issue on iPhone

When you use hover CSS event style, it won’t work on iphone.
In this case, you will need to double click buttons applied hover CSS event style. Normally, button should work by one click. So it looks like issue.

To prevent double click for issue, we need to remove hover event style for buttons.

Try this:

@media (pointer: fine) {
   .btn-submit: hover {
      background-color: blue;
   }
}

This means that hover event style will work on only desktop PC, but not phone that have not mouse pointer.

Super!

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *