html - Office 365 电子邮件 Web 应用程序 - 文本修饰支持

Question

所以我最近发现 Office 365 上的电子邮件 Web 应用程序无法正确显示我的电子邮件。我有一些超文本链接，我有一个内联样式，将我的文本装饰设置为无。

<a href="http://wwww.example.com" style="color:#ffffff; text-decoration:none;">
     Click Me!
</a>

Outlook 365 似乎摆脱了我所有的样式，并最终在字体标签中敲打我的链接，例如:

<a target="_blank" href="//wwww.example.com">
     <font color="white">
          Click Me!
     </font>
</a>

有谁知道如何防止 Office 365 这样做。

Answer 1

不知道它为什么这样做，但希望覆盖它的一种方法是在 header 中使用 !important css 声明:

<style>
font, a {
  text-decoration: none !important;
}
</style>

惊讶的是 Outlook 没有在他们强加的标签中包含一个类。相反，您必须将自己的“未覆盖”类添加到您不希望此覆盖 css 生效的所有 font 和 a 标签。