Comment empêcher les numéros de téléphone de se transformer en hyperliens sur votre iPhone ?

Comment empêcher les numéros de téléphone d'apparaître sous forme d'hyperliens sur iPhone/iOS

Lors de l'affichage des numéros de téléphone sur un iPhone, on remarque souvent que le style de lien hypertexte bleu est automatiquement appliqué , même s'il n'y a pas de véritable lien hypertexte. Ce comportement peut être un peu gênant et peut interférer avec l'apparence de votre site Web.

Solution 1 : Utilisation de la balise méta de détection de format

Pour désactiver la balise méta de détection de format

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

Pour désactiver la formatage des numéros de téléphone, la balise méta suivante peut être ajoutée en tête de votre document HTML :

Cette balise méta indique au navigateur d'ignorer les formatage des numéros de téléphone. Cependant, il est important de noter que le formatage manuel des numéros de téléphone sous forme d'hyperliens est toujours nécessaire si vous souhaitez des numéros cliquables.

Solution 2 : Utiliser CSS

Option 1 (pour les pages Web)

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

Si vous ne parvenez pas à utiliser les balises méta, CSS peut être utilisé pour cibler les liens avec href valeurs commençant par tel :

Ce sélecteur d'attribut CSS cible tous les hyperliens qui font référence à des numéros de téléphone et supprime le style bleu par défaut.

Option 2 (pour les modèles d'e-mail HTML)

<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 */
}

Une autre option CSS, particulièrement utile lorsque vous travaillez avec des modèles d'e-mails HTML, consiste à envelopper les numéros de téléphone dans une ancre. tags :

Cette méthode s'appuie sur un attribut spécifique (x-apple-data-detectors) pour cibler les numéros de téléphone et réinitialiser leur style. Si vous le souhaitez, les classes peuvent être attribuées à des liens spécifiques et le sélecteur CSS peut être mis à jour en conséquence.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!