A repository of bitesize articles, tips & tricks
(in both English and French) curated by Mirego’s team.

@media (hover: hover)

On peut utiliser la media query (hover: hover) afin de déterminer si le mécanisme d’input primaire du device permet de hoverer les éléments.

Ça permet d’éviter d’avoir des boutons stuck sur leur :hover state sur mobile.

@media (hover: hover) {
  a:hover {
    background: yellow;
  }
}

MDN, CANIUSE

👆