<td width="110" align="center" valign="top" style="color:#000000;">
<a href="https://example.com" target="_blank"
style="color:#000000; text-decoration:none;">BOOK NOW
</a>
</td>
我使用此代码在我的HTML电子邮件中创建一个链接。在浏览器和Outlook中，它运行良好，但在GMail，Hotmail和ymail中，它显示了带下划线的链接。
任何人都可以帮我摆脱这个吗？
<a href="#" style="text-decoration:none !important; text-decoration:none;">BOOK NOW</a>
Outlook将使用!important标签去除样式，留下常规样式，因此没有下划线。 !important标签将超过基于Web的电子邮件客户端的默认样式，因此不会留下任何下划线。
所有电子邮件客户端都会根据自己的规则调整您提供的HTML和CSS代码：
例如：gmail删除了除body标签的内部HTML之外的所有内容。
1.对于大多数其他客户，您可以在标题中添加样式标记
<style type="text/css">
a {text-decoration: none !important;}
</style>
注意：不要使用CSS评论作为YAHOO！邮件可能会造成麻烦。
2.在保存方面，将相同的代码内联添加到A标记中，并添加额外的span标记（标记中的样式规则经常被删除）
<a href="" style="text-decoration: none !important;">
<span style="text-decoration: none !important;">
text
</span>
</a>
它完全取决于电子邮件客户端是否要在链接下显示下划线。截至目前，身体中的风格仅支持：
使用text-decoration:none !important;而不是text-decoration:none;来确保你“丢失”下划线。
在http://www.campaignmonitor.com/css/，一个很好的解释说这是受限制的！这是一个非常好的指南，可以了解电子邮件客户端中CSS的所有限制。
你可以做“冗余样式”，这应该解决问题。您使用相同的样式，但将其添加到内部。
例：
<td width="110" align="center" valign="top" style="color:#000000;">
<a href="https://example.com" target="_blank"
style="color:#000000; text-decoration:none;"><span style="color:#000000; text-decoration:none;">BOOK NOW</span></a>
</td>
在查看html电子邮件时，请尝试检查该链接上的元素并查看覆盖它的内容。使用该类并在头部样式中再次定义该样式并定义text-decoration：none！important;
在我的情况下，这些是覆盖我的内联样式的类，因此在我的html电子邮件的头部声明了这个并定义了我想要实现的样式。
它对我有用，希望它也适用于你的。
.ii a[href]{
text-decoration: none !important;
}
#yiv8915438996 a:link, #yiv8915438996 span.yiv8915438996MsoHyperlink{
text-decoration: none !important;
}
#yiv8915438996 a:visited, #yiv8915438996 span.yiv8915438996MsoHyperlinkFollowed{
text-decoration: none !important;
}
代码如下面的代码在Gmail Web客户端中为我工作。电子邮件中显示未加下划线的黑色链接。我没有使用嵌套的span标签。
<table>
<tbody>
<tr>
<td>
<a href="http://hexinpeter.com" style="text-decoration: none; color: #000000 !important;">Peter Blog</a>
</td>
</tr>
</tbody>
</table>
注意：Gmail会删除任何不正确的内联样式。例如。像下面一行的代码将其内联样式全部剥离。
<a href="http://hexinpeter.com" style="font-family:; text-decoration: none; color: #000000 !important;">Peter Blog</a>
我复制了我的html页面并粘贴到了单词上。编辑了单词中的签名，删除了下划线所在的空格，并使我自己的“填充”按下空格键。再次复制并粘贴到Outlook 2013.对我来说很好。
文字装饰没有对我不起作用，然后我在outlook中发现了一封没有该行的电子邮件并检查了代码：
<span style='font-size: 12px; font-family: "Arial","Verdana", "sans-serif"; color: black; text-decoration-line: none;'>
<a href="http://www.test.com" style='font-size: 9.0pt; color: #C69E29; text-decoration: none;'><span>www.test.com</span></a>
</span>
这个适合我。
在Windows 10 Mail中，您可能需要在html头中添加这些内容：
<!--[if (mso)|(mso 16)]>
<style type="text/css">
body, table, td, a, span { font-family: Arial, Helvetica, sans-serif !important; }
a {text-decoration: none;}
</style>
<![endif]-->
'a {text-decoration：none;}'修复了下划线问题:)
我看到这已经得到了回答;但是，我觉得这个链接提供了各种电子邮件客户端支持的格式的适当信息。
http://www.campaignmonitor.com/css/
值得注意的是，GMail和Outlook是格式化HTML电子邮件的最挑剔的两种。
你应该写这样的东西。
<a href="#" style="text-decoration:none;">BOOK NOW</a>
你所要做的就是：
<a href="" style="text-decoration:#none; letter-spacing: -999px;">
在文本div / span之前放置你的“a href”标签，不带任何样式。然后在div / span标签中进行样式设置。
对于最受限制的样式电子邮件客户端。
<div><a href=""><span style="text-decoration:none">title</span><a/></div>
愚弄Gmail（电话号码）的另一种方法：使用〜代替 -
404-835-9421 --> 404~835~9421
这将节省你（或不那么精明的用户;-)沿着html通道旅行。
我找到了另一种方法来删除我目前为止测试的outlook中的链接。如果您在css中创建一个空白类，例如.blank {}，然后对链接执行以下操作，例如：
<a href="http://www.link.com/"><span class="blank" style="text-decoration:none !important;">Search</span></a>
这对我有用，希望它能帮助那些仍然无法取出前景链接下划线的人。如果有人有一个gmail的解决方法，请你帮助我尝试在这个线程中的一切都没有工作。
谢谢
在文本修饰规则中使用!important。
<a href="#" style="text-decoration:none !important;">BOOK NOW</a>
我认为如果你在<a>标签之后加上text-decoration:none的span样式，它将适用于大多数浏览器/电子邮件客户端。
如：
<a href="" style="text-decoration:underline">
<span style="color:#0b92ce; text-decoration:none">BANANA</span>
</a>
经过半天的调查（以及此问题开启后的2年），我相信我已经找到了一个全面的答案。
<a href="#"><font color="#000000"><span style='text-decoration:none;text-underline:none'>Link</span></font></a>
（您需要链接内的跨度上的text-underline属性和字体标记来编辑颜色）
要在邮件应用程序和Web浏览器中完全“隐藏”<a>的下划线，可以执行以下棘手的方法。
<a href="..."><div style="background-color:red;">
<span style="color:red; text-decoration:underline;"><span style="color:white;">BUTTON</span></span>
</div></a>
<span>中的颜色是您不需要的颜色，必须设置为与背景颜色相同。 （这里红）<span>中的颜色是按钮文本的颜色。 （白在这里）我在谷歌中使用了不显示链接的组合，添加了mso（outlook）和shy标签的链接，以保持我公司的外观和感觉。有些代码可能是多余的（对于我的公司而言，外观比可点击部分更重要。（感觉就像拼图，因为每个变化都会制造其他东西）
<td style="color:rgb(69, 54, 53)">
<!--[if gte mso 9]>
<a href="http://www.immothekerfinotheker.be" style="text-decoration:none;">
<span style="text-decoration:none;">
<![endif]-->
www­.­immothekerfinotheker­.­be
<!--[if gte mso 9]>
</a>
</span>
<![endif]-->
</td>
希望这有助于某人
我在outlook和gmail应用程序中使用的href上添加了两个声明。 outlook忽略了！important和gmail需要它。 Web版本的电子邮件可以同时使用两者。
text-decoration: none !important; text-decoration: none;