Heim >Web-Frontend >CSS-Tutorial >Wie verhindern Sie, dass Telefonnummern auf Ihrem iPhone in Hyperlinks umgewandelt werden?
Bei der Anzeige von Telefonnummern auf einem iPhone fällt häufig auf, dass der blaue Hyperlink-Stil automatisch angewendet wird , auch wenn es keinen tatsächlichen Hyperlink gibt. Dieses Verhalten kann etwas ablenken und das Erscheinungsbild Ihrer Website beeinträchtigen.
Lösung 1: Verwenden des Meta-Tags zur Formaterkennung
So deaktivieren Sie die automatische Um die Formatierung von Telefonnummern zu ermöglichen, können Sie dem Kopf Ihres HTML-Dokuments das folgende Meta-Tag hinzufügen:
<meta name="format-detection" content="telephone=no">
Dieses Meta-Tag weist den Browser an, die automatische Formatierung für Telefonnummern zu ignorieren. Es ist jedoch wichtig zu beachten, dass die manuelle Formatierung von Telefonnummern als Hyperlinks weiterhin erforderlich ist, wenn Sie anklickbare Nummern wünschen.
Lösung 2: CSS verwenden
Option 1 (für Webseiten)
Wenn Sie keine Meta-Tags verwenden können, kann CSS verwendet werden, um Links mit href-Werten anzusprechen, die mit tel beginnen:
a[href^="tel"] { color: inherit; text-decoration: none; /* Additional CSS properties as needed */ }
Dieses CSS-Attribut Der Selektor zielt auf alle Hyperlinks ab, die auf Telefonnummern verweisen, und entfernt den standardmäßigen blauen Stil.
Option 2 (für HTML-E-Mail-Vorlagen)
Eine weitere CSS-Option, besonders nützlich bei der Arbeit mit Bei HTML-E-Mail-Vorlagen werden Telefonnummern in Anker-Tags verpackt:
<a href="" x-apple-data-detectors>+44 (0)20 7194 8000</a>
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; /* Other important CSS properties */ }
Diese Methode basiert auf einem bestimmten Attribut (x-apple-data-detectors), um Telefonnummern anzusprechen und deren Stil zurückzusetzen. Auf Wunsch können Klassen bestimmten Links zugewiesen und der CSS-Selektor entsprechend aktualisiert werden.
Das obige ist der detaillierte Inhalt vonWie verhindern Sie, dass Telefonnummern auf Ihrem iPhone in Hyperlinks umgewandelt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!