communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > Pourquoi la pseudo-classe `:active` ne fonctionne-t-elle pas sur les liens Safari mobiles et comment puis-je y remédier ?

Pourquoi la pseudo-classe `:active` ne fonctionne-t-elle pas sur les liens Safari mobiles et comment puis-je y remédier ?

DDD
Libérer： 2024-12-02 22:17:15
original
482 Les gens l'ont consulté

Why Doesn't the `:active` Pseudo-class Work on Mobile Safari Links, and How Can I Fix It?

Résolution du non-fonctionnement de la pseudo-classe :active pour les liens :actifs dans Mobile Safari

Application de styles à un L'élément utilisant la pseudo-classe :active est une pratique courante pour mettre en évidence les liens actifs. Cependant, dans Webkit sur les appareils iOS, ce comportement n'est pas déclenché lorsque vous appuyez sur l'élément. Pour résoudre ce problème, envisagez les solutions suivantes :

Événement Touchstart

Ajoutez l'événement ontouchstart au element:

<body ontouchstart="">
    ...
</body>
Copier après la connexion

Cela active le déclenchement de la pseudo-classe :active lorsque vous appuyez sur n'importe quel élément de la page.

Bibliothèque Fastclick

Vous pouvez également utiliser la bibliothèque JavaScript Fastclick. Cette bibliothèque améliore la réactivité des événements de clic sur les appareils tactiles et résout également le problème de la pseudo-classe :active.

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!

source：php.cn
Article précédent：Comment puis-je empêcher les événements Mouseout de se déclencher sur des éléments enfants à l'intérieur d'une division absolument positionnée ? Article suivant：Comment puis-je accéder au contenu et aux compteurs générés par CSS à l'aide de JavaScript ?
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2063
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2222
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1872
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1753
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1781
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal