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

Question

Today have faced a new issue while sending mail from outlook to Gmail.The issue is Hyperlink element is showing as underline.今天在从 Outlook 发送邮件到 Gmail 时遇到了一个新问题。问题是超链接元素显示为下划线。 I have tried below.我在下面尝试过。

Method 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>

method 2:方法二：

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

method 3:方法3：

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

This code is working fine in browser,outlook and the problem is in Gmail mailbox.Because of Gmail appending span tag after the hyperlink tag dynamically.此代码在浏览器、outlook 中运行良好，问题出在 Gmail 邮箱中。因为 Gmail 在超链接标签后动态添加了 span 标签。

I have attached a video reference here:我在这里附上了视频参考：

http://recordit.co/OGlkkBiXGX http://recordit.co/OGlkkBiXGX

Given: text-decoration none its not taken by gmail box because of after a tag inside span tag gets added .给定： text-decoration none 它没有被 gmail 框采用，因为在 span 标签内的标签被添加之后。

Full code完整代码

<!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>

I have tried for this simple tag :我试过这个简单的标签：

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

Afterwards tried for simple p tag without link,之后尝试了没有链接的简单 p 标签，

Output in outlook 2013 2013 年展望中的产出 : ：

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

gmail output gmail输出

Answer 1

Insert ;插入; after text-decoration:none in your styling because html in some situation not read correct css without end.在您的样式中使用 text-decoration:none 之后，因为 html 在某些情况下无法读取正确的 css 而不会结束。

Answer 2

Try this one试试这个

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

or或者

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

For outlook version above 2007,对于 2007 年以上的 Outlook 版本，

press CTRL+SHIFT+ALT+S按 CTRL+SHIFT+ALT+S
Right click on the Hyperlink entry in the Styles and Formatting pane and select Modify右键单击样式和格式窗格中的超链接条目，然后选择修改
Change the font settings for your hyperlink.更改超链接的字体设置。 (remove underline) （去掉下划线）

Thats it, To change it for all new messages that you create就是这样，为您创建的所有新消息更改它

enable the option(radio button): New documents based on this template启用选项（单选按钮）：基于此模板的新文档

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

问题描述

2 个解决方案

解决方案1
0 2017-03-22 08:50:36

解决方案2
0 2017-03-22 08:59:13

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

问题描述

2 个解决方案

解决方案1 0 2017-03-22 08:50:36

解决方案2 0 2017-03-22 08:59:13

解决方案1
0 2017-03-22 08:50:36

解决方案2
0 2017-03-22 08:59:13