Maison >interface Web >tutoriel CSS >Pourquoi :active ne fonctionne-t-il pas sur les balises d'ancrage dans Mobile Safari et comment puis-je y remédier ?
Pourquoi :active ne fonctionne-t-il pas sur les balises d'ancrage dans Mobile Safari et comment puis-je y remédier ?
- Patricia Arquetteoriginal
- 2024-12-02 08:52:10168parcourir
Pseudo-classe :active non reconnue dans Mobile Safari
Certaines pseudo-classes, telles que :active, sont essentielles pour le style des éléments basés sur sur leur état. Cependant, dans les navigateurs basés sur Webkit comme Safari sur les appareils iOS, l'application de :active aux balises d'ancrage (balises ) ne s'active pas lorsque l'on appuie sur l'élément.
Solution :
La balise body contient un attribut crucial qui résout ce problème :
<body ontouchstart="">
Cet attribut permet la gestion des événements tactiles sur l'élément body, ce qui permet au navigateur de reconnaître et d'appliquer efficacement la pseudo-classe :active.
Vous pouvez également implémenter la bibliothèque Fastclick.js, qui améliore la gestion des événements de clic sur les appareils tactiles et résout automatiquement ce problème.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!