Question

我正在为我们的电子邮件编写html模板，该模板可在各种平台上使用。我们的设计师在顶部创建了一个横幅，该横幅以图像为背景，标题之间为标签。横幅带有浅色阴影，因此标题中的文本为黑色。

除了在Outlook的暗模式下，所有这些都很好用，即使Outlook样式中的颜色为“＃000！important”，Outlook仍会覆盖标签的颜色并将其转换为白色。关于如何使它起作用的任何建议？根据我到目前为止所读的内容，展望使得这样做不可能。

以下是横幅文字的示例代码：

<tr style="margin:0; padding:0;">
    <td valign="top"
        style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; width: -webkit-fill-available;
            margin:0; padding: 0; font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
        <h1 class="gliBannerText"
            style="margin:0; mso-line-height-rule:exactly; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; color: #000 !important;
            font-weight: 600; text-align: left; width: 70%; font-size: 40px; line-height: 48px; padding-bottom: 20px;
            font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; ">
            Blogs for your goals
        </h1>
    </td>
</tr>

这是黑暗模式的css代码：

@media (prefers-color-scheme: dark) {
    /* Custom Dark Mode Font Colors */
    [data-ogsc] .gliBannerText {
        color: #000 !important;
    }

    .gliBannerText {
        color: #000 !important;
    }
}

任何建议将不胜感激。

如何在Outlook中的黑暗模式下覆盖字体颜色更改

0 个答案: