VM
0
Windows 10 Mail Adds an Underline Under Link. Help!
Hello,
I was wondering if anyone has had this issue. In windows 10 mail on my button there's an underline. 
Here's the code used: I also have an a defined in the head as text decoration: none !important;
<tr>
<td align="center" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;padding:0;">
<table border="0" cellspacing="0" cellpadding="0" align="center" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0;font-family:sans-serif;color:#333333;border-collapse:collapse !important;">
<tr>
<td class="button contents-1 center-content" align="center" bgcolor="#0054a6" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;padding:10px 10px;font-size:16px;font-family:Arial, Helvetica, sans-serif;color: #0054a6;text-align:center !important;margin:0 auto !important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#0054a6; text-decoration: none!important;"><a href="http://www.google.com" target="_blank" align="center" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#ffffff;font-size: 16px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 7px; border: 1px solid #0054a6; display: inline-block; text-decoration: none!important;">READ SAMESON'S STORY</a></td>
</tr>
<tr>
<td height="60">
</td>
</tr>
</table>
</td>
</tr>
Hi Victor we use in the head:
You can bundle it with your other Outlook fixes.
The
a {text-decoration: none;}is the fix with conditional Windows 10(mso 16)If you look at the inline style on his link, he has added text-decoration:none. I can also confirm that this does not work. Even adding this style property, inline, does not remove the underline on Windows 10 Mail. When are Microsoft going to upgrade Windows Mail, so that it parses CSS, like most other Mail clients. It drives me round the bend that I have to create 2 different layouts for my e-mail templates?
OK. I owe you an apology. Your solution does work.
I have no idea why?
I would have thought an inline style would take precedent over an MSO specific CSS selector.
Anyway, a great little fix. Thanks.
One other question.
I have found that in Windows 10 Mail, images will not appear. It says that the images cannot be found. But, I have checked in all my other e-mail clients, like Mozilla Thunderbird & Apple Mail, and the images are correctly linked.
My Windows 10 Mail Settings -> Message List -> Sender Pictures -> Show Senders Pictures = ON. But still the images are broken.
My Windows 10 Mail Settings -> Email Security = “This setting can’t be applied to any of your accounts”
Do you have any other ideas about how I can get the images to show?
You need to specify each element-type that contains a link. This one seems to work for me (just put it in the outlook-conditional CSS):
h1 a, h2 a, h3 a, h4 a, span a, div a, a, td a, th a, table a, div a {text-decoration: none;}