A repository of tips and tricks (in both English and French) curated by Mirego’s engineering team.
  • css
  • frontend

@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

👆