HTML Email Remove下划线和样式被删除

时间:2018-09-07 19:01:29

标签: html css outlook html-email

我将以下代码用作Outlook 2016中的电子邮件签名。

<style type="text/css">
a,a[href],a:hover{text-decoration: none; text-decoration:none !important;}
.contact a {color:#000000!important; text-decoration: none; text-decoration:none!important;}
</style>

在我的html中:

<td align="left" valign="top" style="font-family: Arial, sans-serif; font-size: 14px; line-height:14px; color: #000000; text-decoration: none; text-decoration: none !important;">
E: <span class="contact"><a href="mailto: test@example.com" style="font-family: Arial, sans-serif; font-size: 14px; line-height:14px; color: #000000; text-decoration:none !important; text-decoration:none;">test@example.com</a></span>
</td>

输出(当我在gmail中查看时)显示该电子邮件地址仍带有下划线,并且我的样式规则已从锚标记中删除。

以下是输出的HTML:

<p class="MsoNormal" style="line-height:10.5pt"><font size="2" color="black" face="Arial"><span style="font-size:10.5pt;font-family:&quot;Arial&quot;,sans-serif;color:black">E: <a href="mailto:%20test@example.com" target="_blank"><font color="black"><span style="color:black;text-decoration:none">test@example.com</span></font></a> <u></u><u></u></span></font></p>

0 个答案:

没有答案