any-hover est une caractéristique média CSS qui permet de vérifier si un mécanisme de saisie/d'entrée permet à l'utilisateur de survoler les éléments.
Syntaxe
La caractéristique any-hover est définie avec un mot-clé parmi ceux de la liste ci-après.
none- Parmi les mécanismes de saisi, aucun ne permet de survoler les éléments (ou il n'existe aucun dispositif de pointage).
hover- Un ou plusieurs mécanismes de saisie permettent de survoler le contenu simplement.
Exemples
HTML
<a href="#">Essayez de me survoler !</a>
CSS
@media (any-hover: hover) {
a:hover {
background: yellow;
}
}
Résultat
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| Media Queries Level 4 La définition de 'any-hover' dans cette spécification. |
Candidat au statut de recommandation | Définition initiale. |
Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer une pull request.
Update compatibility data on GitHub
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
any-hover media feature | Chrome Support complet 41 | Edge Support complet 16 | Firefox Support complet 64 | IE Aucun support Non | Opera Support complet 28 | Safari Support complet 9 | WebView Android Support complet 41 | Chrome Android Support complet 41 | Firefox Android Support complet 64 | Opera Android Support complet 28 | Safari iOS Support complet 9.2 | Samsung Internet Android Support complet 5.0 |
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support