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

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

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

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

Answer 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/。经过大量的测试后，我无法使其正常工作。