Removing Underline from 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

Dear Kiki,

this one is a common problem in Outlook & OWA. Sadly u have to put

<a style="text-decoration: none;" href="link-adress">link-adress</a>

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).

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.