Question

今天在将邮件从outlook发送到Gmail时遇到了一个新问题。问题是Hyperlink元素显示为下划线。我在下面尝试过。

方法1：

 <td  width="500px" align="center" style=" text-align: left; font-size:1.2em; font-family:Candara; color: #FFFFFF;">
             <a href="mailto:info@example.com" style="color:#fff;text-decoration:none;" target="_blank">info@xxx.com</a>      
    </td>

方法2：

<a href="mailto:info@example.com" style="color:#fff;text-decoration:none !important;" target="_blank">info@ccc.com</a>

方法3：

  a {text-decoration: none !important; color: #000; cursor: text;}

此代码在浏览器，Outlook中正常运行，问题出在Gmail邮箱中。因为Gmail动态地在超链接标记后附加span标记。

我在这里附上了一个视频参考：

http://recordit.co/OGlkkBiXGX

鉴于：text-decoration表示没有被gmail框占用，因为在span标记内添加了标记后。

完整代码

<!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>mailtest</title>
</head>
<body style="margin:0; padding:0;">
        <table width="582" border="0" cellspacing="0" cellpadding="0" align="center" style="background:black;">
            <tr> 
                <td  width="500px" align="center" style=" text-align: left; font-size:1.2em; font-family:Candara; color: #FFFFFF;">
                    <img style="margin-left:10px;" src="http://codestrz.com/Content/mail/envelope.png" alt="" border="0" height="18" width="18"/> 
                    <a href="mailto:info@example.com" style="color:#fff;text-decoration:none" target="_blank">info@xxx.com</a>      
                </td>
            </tr>
        </table>
    </body>
</html>

我试过这个简单的标签：

    <p style="color:white;"> EXTRANET.EXAMPLE.COM</p>

之后尝试了没有链接的简单p标签，

Outlook 2013中的输出：

[![enter code here][1]][1]

gmail输出

Answer 1

在文本修饰后插入;：在样式中没有，因为在某些情况下html没有读取正确的css而没有结束。

Answer 2

试试这个

 <a href='yourLink' bgcolor="#000000">yourLinkHere</a>

或

<a href="yourLink" style="color:#CCCCCC; text-decoration:none;"><color="#CCCCCC">yourLink</font></a>

对于2007年以上的展望版

按CTRL + SHIFT + ALT + S
右键单击“样式和格式”窗格中的“超链接”条目，然后选择“修改”
更改超链接的字体设置。（删除下划线）

多数民众赞成， 要为您创建的所有新邮件更改

启用选项（单选按钮）：基于此模板的新文档

如何从Outlook发送电子邮件模板时删除Gmail中的超链接下划线

2 个答案: