Office 365 电子邮件网络应用程序 - 文本装饰支持答案

【问题标题】：Office 365 email web app - text-decoration supportOffice 365 电子邮件网络应用程序 - 文本装饰支持
【发布时间】：2013-12-02 02:59:35
【问题描述】：

所以我最近发现 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 这样做。

【问题讨论】：

【解决方案1】：

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

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

惊讶的 Outlook 在其强加的标签中不包含类。相反，您必须将自己的“取消覆盖”类添加到您不希望此覆盖 css 生效的所有 font 和 a 标记中。

【讨论】：

这不起作用，因为 Office 365 将页眉部分排除在外。不过感谢您的帮助！
对Office 365不太熟悉... 把style部分放在body里面怎么样？这适用于某些客户。您也可以尝试添加!important inline，但这是一个很长的镜头。否则你可能是 SOL...

【解决方案2】：

可以使某些样式适用于 Office 365：

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

但是，text-decoration:none; 在 Office 365 中似乎被破坏了：https://www.campaignmonitor.com/forums/topic/7553/office365-web-client-quirks-thread/。在对此进行了重大测试后，我无法使其正常工作。

【讨论】：