如何通过电子邮件模板禁用深色模式

Question

有没有办法在 Outlook.com 中禁用深色模式并强制我的电子邮件模板的原始样式呈现为浅色/正常模式下显示的效果？

Answer 1

有一种方法可以在电子邮件模板中禁用暗模式。您需要将这两个元标记添加到 HTML 中：

<meta name="color-scheme" content="light">
<meta name="supported-color-schemes" content="light">

识别深色模式的新浏览器将能够使用此功能，因此电子邮件将像以前一样显示。不应该以这种方式进行任何自动样式覆盖。

如果您想添加深色模式，以覆盖浅色模式样式，请像这样添加它们，我建议：

<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<style>
@media (prefers-color-scheme: dark) {
  /* Dark mode styles */
}
</style>

您的内联边框将保留，但同样，较新的电子邮件客户端将能够识别style和media部分。较旧的电子邮件客户端会忽略它。

Answer 2

首先，你不能通过 css 禁用样式（深色或浅色）。

理论上你可以做的是使用媒体查询（https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme）来检测是否使用浅色或深色模式，并分别应用CSS规则。

然而，据我所知，由于您指的是电子邮件模板，因此不支持媒体查询，所以简短的答案是“否”:(