Maison > interface Web > tutoriel CSS > Comment supprimer les liens de numéros de téléphone bleus sur les appareils iOS ?

Comment supprimer les liens de numéros de téléphone bleus sur les appareils iOS ?

Mary-Kate Olsen
Libérer: 2024-11-16 01:17:03
original
415 Les gens l'ont consulté

How to Remove Blue Phone Number Links on iOS Devices?

Suppression des liens vers des numéros de téléphone bleus sur les appareils iOS

Lors de la visualisation d'une page Web sur un iPhone, les numéros de téléphone sont automatiquement liés par un hyperlien avec une couleur bleue. Cela peut être indésirable dans certaines situations. Voici deux méthodes pour supprimer ce style :

1. Balise méta de détection de format :

Ajoutez la balise méta suivante à l'en-tête de votre document HTML :

<meta name="format-detection" content="telephone=no">
Copier après la connexion

Cette balise désactivera tout formatage automatique des numéros de téléphone. Cependant, il est important de noter que si vous souhaitez que les visiteurs puissent cliquer sur des numéros de téléphone, vous devez les formater manuellement sous forme de liens.

2. Style CSS :

Si la définition d'une balise méta n'est pas une option, vous pouvez utiliser CSS pour cibler les numéros de téléphone. Voici deux options CSS :

Option 1 (Pages Web) :

Ciblez les liens avec des valeurs href commençant par "tel" en utilisant le CSS suivant :

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
Copier après la connexion

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

Enveloppez les numéros de téléphone dans des balises de lien/d'ancrage et ciblez leurs styles avec CSS :

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
}
Copier après la connexion

Par en utilisant ces méthodes, vous pouvez supprimer le style bleu par défaut des numéros de téléphone sur les appareils iPhone/iOS.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal