我将以下代码用作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:"Arial",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>