KR1
Removing Underline from Outlook
Im trying to figure out how to remove the underline from all the hyperlinks in Outlook. text-decoration: none; works on everything else except for Outlook...
KRKRIm trying to figure out how to remove the underline from all the hyperlinks in Outlook. text-decoration: none; works on everything else except for Outlook...
<!--[if (mso)|(mso 16)]>
<style type="text/css">
a {text-decoration: none;}
</style>
<![endif]-->
that works for me just fine, put this in your style
This is also the method that I use. ;)
Dear Kiki,
this one is a common problem in Outlook & OWA. Sadly u have to put
this way (inline) =( Outlook dont suport many things including this one. Here is a full list of css suport accross the web
https://www.campaignmonitor.com/css/
Hey you could add internal style specifically for outlook as :
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
a{
font-weight: normal !important;
text-decoration: none !important;
}
</style>
<![endif]-->
It will work. :)
I think this has been discussed before see the following in case useful:
https://litmus.com/community/discussions/6161-remove-underlines-in-anchors-in-outlook
I have been having the same trouble particularly with Outlook Web App, thankfully I came across an answer that worked for me:
display: inline-block
Use this in your style and it should work
Hey Kiki,
Sorry to hear about the troubles you're having with your links in Outlook! Which specific versions of Outlook are you having trouble in (2003, 2010, Outlook.com, etc)? This might help us narrow down why this isn't working, since different versions of Outlook use different rendering engines (https://litmus.com/blog/a-guide-to-rendering-differences-in-microsoft-outlook-clients).
We see it in Outlook 2013 and Outlook 2014. :(
I am also having same issue
While methods described here will work, it is important to consider why you would do this. Links have states: default/link; focus; hover; active; and visited. Each should have appropriate and accessible affordances (plural). Removing an underline from a link is like removing a door handle from a door. If you replace the underline with some other display properties, please ensure that you use more than one and that they are clearly differentiated from surrounding text. Then, test.