Heim >Web-Frontend >CSS-Tutorial >Warum funktioniert :active nicht mit Anker-Tags in Mobile Safari und wie kann ich das Problem beheben?
Warum funktioniert :active nicht mit Anker-Tags in Mobile Safari und wie kann ich das Problem beheben?
- Patricia ArquetteOriginal
- 2024-12-02 08:52:10301Durchsuche
Pseudoklasse :active wird in Mobile Safari nicht erkannt
Bestimmte Pseudoklassen wie :active sind für die elementbasierte Gestaltung unerlässlich über ihren Zustand. In Webkit-basierten Browsern wie Safari auf iOS-Geräten wird die Anwendung von :active auf Anker-Tags (-Tags) jedoch nicht aktiviert, wenn auf das Element getippt wird.
Lösung:
Das Body-Tag enthält ein entscheidendes Attribut, das dieses Problem behebt:
<body ontouchstart="">
Dieses Attribut ermöglicht die Handhabung von Berührungsereignissen für das Body-Element. Dadurch kann der Browser die :active-Pseudoklasse effektiv erkennen und anwenden.
Alternativ können Sie die Fastclick.js-Bibliothek implementieren, die die Verarbeitung von Klickereignissen auf Touch-Geräten verbessert und dieses Problem automatisch behebt.
Das obige ist der detaillierte Inhalt vonWarum funktioniert :active nicht mit Anker-Tags in Mobile Safari und wie kann ich das Problem beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!