Heim > Web-Frontend > CSS-Tutorial > Wie kann ich verhindern, dass das iPhone Telefonnummern automatisch als blaue Hyperlinks formatiert?

Wie kann ich verhindern, dass das iPhone Telefonnummern automatisch als blaue Hyperlinks formatiert?

Linda Hamilton
Freigeben: 2024-11-15 04:20:02
Original
473 Leute haben es durchsucht

How to Stop iPhone from Auto-Formatting Phone Numbers as Blue Hyperlinks?

Ändern des Stils von Telefonnummern auf iPhone/iOS

iPhone/iOS-Geräte stellen Telefonnummern automatisch als blaue Hyperlinks dar. Obwohl diese Funktion für Benutzer praktisch sein kann, passt sie möglicherweise nicht zur Designästhetik Ihrer Website. Die folgenden Lösungen beheben dieses Problem:

1. Automatische Formatierung mit Meta-Tag entfernen:

Um den blauen Hyperlink von Telefonnummern vollständig zu entfernen, fügen Sie das folgende Meta-Tag zum hinzu. Abschnitt Ihres HTML-Dokuments:

1

<meta name="format-detection" content="telephone=no">

Nach dem Login kopieren

Dieses Meta-Tag deaktiviert die gesamte automatische Formatierung für Telefonnummern, einschließlich des blauen Hyperlink-Stils.

2. CSS-Styling für Telefonnummern:

Wenn das Festlegen eines Meta-Tags nicht möglich ist, können Sie CSS verwenden, um den Stil von Telefonnummern zu ändern. Es stehen zwei Optionen zur Verfügung:

Option 1 (bevorzugt für Webseiten):

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

1

2

3

4

5

a[href^="tel"] {

  color: inherit;

  text-decoration: none;

  /* Additional styling properties here */

}

Nach dem Login kopieren

Option 2 (Geeignet für HTML-E-Mail Vorlagen):

Verbinden Sie Telefonnummern in Link-/Anker-Tags und richten Sie sie mit dem folgenden CSS gezielt nach Stilen aus. Passen Sie die Eigenschaften nach Bedarf an:

1

2

3

4

5

6

7

8

a[x-apple-data-detectors] {

  color: inherit !important;

  text-decoration: none !important;

  font-size: inherit !important;

  font-family: inherit !important;

  font-weight: inherit !important;

  line-height: inherit !important;

}

Nach dem Login kopieren

Zusätzliche Hinweise:

  • Wenn Sie Telefonnummern haben, die Sie als anklickbare Links beibehalten möchten, formatieren Sie diese mithilfe von manuell als Links href="tel: attribute.
  • Das x-apple-data-detectors-Attribut ist spezifisch für iOS und kann verwendet werden, um auf Elemente abzuzielen, die automatisch als erkennbarer Inhalt erkannt wurden (einschließlich Telefonnummern).

Das obige ist der detaillierte Inhalt vonWie kann ich verhindern, dass das iPhone Telefonnummern automatisch als blaue Hyperlinks formatiert?. 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