outlook 锚标记下划线不起作用

Question

我会为此疯狂的。我正在尝试删除页面中锚标记内的下划线。我已经尝试了网络上的所有解决方案，但没有一个是有效的。

这是我用于测试的代码。我试过将 !important 放在文本装饰中，但我试过只是为了 outlook 的条件样式，我试图将文本放在跨度内的 a 标签中，但其中 none 仍然有效。在 ooutlook 应用程序中看到 html，它确实显示正确，但是当我试图通过浏览器在 outlook 上查看它时，它不起作用，我仍然看到带下划线的文本。

<!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>{0}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style type="text/css">

    </style>
  </head>
  <body style="margin: 0; padding: 0;">
   <span>
     <a href="http://www.w3.com" style="text-decoration: none">TEST</a>
   </span>
  </body>
</html>

有人知道如何避免这种情况吗？

Answer 1

它可能 text-decoration 属性 of CSS 在您的代码中重写请检查您的代码。如果它不工作然后写 CSS text-decoration 的属性：下划线 !important

Answer 2

text-decoration:none 很漂亮 well supported in most email clients. And I ran a test of your code in Email on Acid，我没有发现任何问题。

您能否提供更多详细信息，例如：您如何发送 HTML 电子邮件以及使用的是哪个版本的 Outlook。

outlook 锚标记下划线不起作用

outlook anchor tag underline doesn't work

html

css

anchor

outlook

html-email