Warum funktioniert :active nicht mit Anker-Tags in Mobile Safari und wie kann ich das Problem beheben?-CSS-Tutorial-php.cn

Warum funktioniert :active nicht mit Anker-Tags in Mobile Safari und wie kann ich das Problem beheben?

Patricia Arquette

Freigeben： 2024-12-02 08:52:10

Original

297 Leute haben es durchsucht

Why Doesn't :active Work on Anchor Tags in Mobile Safari and How Can I Fix It?

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="">

Nach dem Login kopieren

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!