Vous avez probablement remarqué que les numéros de téléphone, les adresses, les dates, s’affichent automatiquement en bleu et souligné dans les emailings visualisés depuis un iPhone ou iPad. Si ce comportement peut s’avérer pratique dans certains cas – par exemple permettre à l’utilisateur d’ajouter un évènement dans son calendrier – il est souvent dommageable pour le design visuel d’un emailing. Je vous présente ici une technique simple et efficace pour remédier à ce problème.

exemple de liens bleu sur un iphone

Le Fix

Pour supprimer tous les liens bleus et soulignés sur les appareils iOS, Il suffit d’insérer le code CSS suivant dans la balise <style> de votre document html :

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

Voici le résultat après application du fix :

suppression des liens bleus soulignés sur l'iphone