Supprimer le style CSS des numéros de téléphone sur iPad et iPhone

Votre client ronchonne car un numéro de téléphone stylisé en CSS possède une apparence différente sur iOS ? Ne cherchez plus, la solution est là…

Safari pour iOS possède la fonctionnalité d’automatiquement détecter les numéros de téléphone présents sur les pages web afin de les rendre cliquables et utilisables. Mais iOS, dans son humble automatisation, applique un style visuel au numéro de téléphone qui vient annuler certaines propriétés CSS qui lui ont été assignées auparavant.

Pour éviter cela, la solution est simple : une simple balise <meta> dans le <head> de votre document HTML annule ce phénomène. Votre stylisation CSS d’origine sera alors correctement appliquée aux numéros de téléphone sur les appareils iOS de la pomme.

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

En savoir plus

Accédez à la documentation Apple officielle.

Aussi simple que ça !


Vous avez aimé cet article ?

Partagez-le sur vos réseaux sociaux en guise de remerciement :)


Laisser un commentaire