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.
| Fonctionnalité | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Support simple | 41 | 16 | Non1 | Non | 28 | 9 |
| Fonctionnalité | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Support simple | 41 | 41 | 16 | Non1 | 28 | 9.2 | 5.0 |
1. See bug 1035774.
Voir aussi
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
SphinxKnight
Dernière mise à jour par :
SphinxKnight,