使用外部隐藏 Outlook 中的内容 CSS

Question

我继承了一个 WordPress 插件，可以将 RSS 内容提要发送到 Mailchimp 以生成电子邮件。此代码（我找不到源代码）正在添加一个额外的徽标图像，这会破坏格式。我知道我应该添加类似

的内容

<!--[if !mso 9]><!-->

如果我想在 Outlook 中隐藏它，请添加到代码中，但我找不到添加它的来源。我只能添加外部CSS。通常显示：none 适用于其他电子邮件平台。关于如何通过外部删除 Outlook 中的这个额外图像实例的任何建议 CSS?

Answer 1

您提供的代码是 HTML 条件注释。它只能嵌入在 HTML 代码中。如果您想在 Windows（2007 年及以上）的 Outlook 中隐藏外部样式表中的元素，您可以使用 mso-hide:all 属性。它基本上是一个 display:none 但对于 Word 的渲染引擎。虽然，与 display:none 相反，这并不总是继承给 <table> 个子元素。在这种情况下，您可以使用如下所示的双重选择器。

.your-element,
.your-element table {
   mso-hide: all;
}

使用外部隐藏 Outlook 中的内容 CSS

Hide content in Outlook with external CSS

css

outlook

html-email