Heim > Web-Frontend > CSS-Tutorial > Wie entferne ich Links zu blauen Telefonnummern auf iOS-Geräten?

Wie entferne ich Links zu blauen Telefonnummern auf iOS-Geräten?

Mary-Kate Olsen
Freigeben: 2024-11-16 01:17:03
Original
406 Leute haben es durchsucht

How to Remove Blue Phone Number Links on iOS Devices?

Blaue Telefonnummern-Links auf iOS-Geräten entfernen

Beim Anzeigen einer Webseite auf einem iPhone werden Telefonnummern automatisch mit einer blauen Farbe verlinkt. Dies kann in bestimmten Situationen unerwünscht sein. Hier sind zwei Methoden, um dieses Styling zu entfernen:

1. Meta-Tag zur Formaterkennung:

Fügen Sie das folgende Meta-Tag zum Kopf Ihres HTML-Dokuments hinzu:

<meta name="format-detection" content="telephone=no">
Nach dem Login kopieren

Dieses Tag deaktiviert die gesamte automatische Formatierung für Telefonnummern. Es ist jedoch wichtig zu beachten, dass Sie Telefonnummern, auf die Besucher klicken können, manuell als Links formatieren sollten.

2. CSS-Styling:

Wenn das Festlegen eines Meta-Tags keine Option ist, können Sie CSS verwenden, um Telefonnummern anzusprechen. Hier sind zwei CSS-Optionen:

Option 1 (Webseiten):

Zielen Sie mit dem folgenden CSS auf Links mit href-Werten ab, die mit „tel“ beginnen:

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
Nach dem Login kopieren

Option 2 (HTML-E-Mail-Vorlagen):

Telefonnummern einschließen Verknüpfen/verankern Sie Tags und zielen Sie mit CSS auf deren Stile ab:

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
}
Nach dem Login kopieren

Mit diesen Methoden können Sie den standardmäßigen blauen Stil von Telefonnummern auf iPhone/iOS-Geräten entfernen.

Das obige ist der detaillierte Inhalt vonWie entferne ich Links zu blauen Telefonnummern auf iOS-Geräten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage