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

Ä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:

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

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:

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
  /* Additional styling properties here */
}

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:

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;
}

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!