Fix CSS hover on iPhone/iPad/iPod

Question

I want to fix the hover effect on iOS ( change to touch event ) but I dont have any idea . Let me explain this . You have a text in your page :

Answer 1

Add a tabIndex attribute to the body:

This is the only solution that also works when Javascript is disabled.

Add ontouchmove to the html element:

For examples and remarks see this blogpost:

Confirmed on iOS 13.

These solutions have the advantage that the hovered state disappears when you click somewhere else. Also no extra code needed in the source.