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.
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 :
- Source : removebluelinks.com
- Autres techniques pour supprimer la couleur des liens sur iOS : Banning Blue Links on iOS Devices
Articles sur le même thème
Supprimer ou modifier la couleur bleue des liens dans le Webmail Zimbra
Découvrez comment supprimer ou modifier la couleur bleue que le webmail Zimbra (free, laposte.net) applique automatiquement aux dates présentes dans…
28 mars 2017
Emailing responsive : quels clients mails mobiles le gèrent ?
Infographie : L'emailing responsive en 2016 : état de la compatibilité avec les principaux clients mails mobiles.
1 octobre 2016
Astuce : résoudre le bug de rendu des styles inline dans Dreamweaver CC
Depuis Dreamweaver CC 2014, le mode Création peine à afficher les styles CSS lorsque ceci sont intégrés directement dans une balise HTML (CSS…
8 mars 2016
Litmus Putsmail : tester votre emailing avant l’envoi
Litmus PutsMail est un outil en ligne gratuit qui permet d'envoyer son emailing ou sa newsletter vers quelques adresses mails (10 max.) afin de…
2 mai 2015