从Outlook发送电子邮件模板时,如何在Gmail中删除超链接下划线 [英] How to Remove Hyperlink underline in Gmail while sending Email template from outlook
问题描述
今天,从Outlook向Gmail发送邮件时遇到了一个新问题。问题是超链接元素显示为下划线。
我在下面尝试过。
方法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 {文本修饰:无!重要;颜色:#000;光标:文本;}
此代码在浏览器中运行良好,外观良好,问题出在Gmail邮箱中。由于Gmail动态地在超链接标记后附加了span标记。
我在此处附加了视频参考:
:
[![在此处输入代码] [1]] [1]
gmail输出
尝试这个
< a href ='yourLink'bgcolor =# 000000> yourLinkHere< / a>
或
< a href = yourLink style = color:#CCCCCC; text-decoration:none;>< color =#CCCCCC> yourLink< / font> ;< / a>
对于2007年以上的Outlook版本,
- 按CTRL + SHIFT + ALT + S
- 右键单击样式和格式窗格中的超链接条目,然后选择修改
- 更改超链接的字体设置。 (删除下划线)
就这样,
要针对您创建的所有新邮件进行更改 >
- 启用该选项(单选按钮):基于此模板的新文档
Today have faced a new issue while sending mail from outlook to Gmail.The issue is Hyperlink element is showing as underline. 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:
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.
I have attached a video reference here:
Given: text-decoration none its not taken by gmail box because of after a tag inside span tag gets added .
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,
Output in outlook 2013:
[![enter code here][1]][1]
gmail output
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,
- press 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中删除超链接下划线的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!