I am really frustrated with this issue. I've been trying to get rid of the underlines on my anchor tags in my webpage, but none of the solutions I have found online seem to work.
I have experimented with adding !important to the text-decoration property, using conditional styles specifically for Outlook, and even placing the text inside the a tag within a span element, but nothing seems to make the underline disappear.
Interestingly, when viewing the HTML in the Outlook app, everything appears as expected without the underline. However, when checking it in the browser version of Outlook, the underlined text is still there.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{0}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style type="text/css">
</style>
</head>
<body style="margin: 0; padding: 0;">
<span>
<a href="http://www.w3.com" style="text-decoration: none">TEST</a>
</span>
</body>
</html>Is there anyone out there who knows how to solve this problem?