Current Input

The current input type is: mousetouch

Standard CSS

Hover is green. Active is red.

:hover and :active pseudo-classes applied normally. Suffers from the sitcky hover problem on touch devices.

CSS with current-input

Hover is green. Active is red. Touch active is blue.

:hover and :active (red) pseudo-classes applied if current-input-mouse class is present. :active (blue) pseudo-class applied if current-input-touch class is present. Fixes the sticky hover problem on touch devices and creates 3 interactive states.