如何防止黑暗主题破坏HTML电子邮件中的CSS？

cedebl8k 于 2023-01-10 发布在其他

关注(0)|答案(1)|浏览(157)

创建HTML电子邮件时，某些客户端（如Gmail）可能会破坏您设置的CSS。例如，您可能会将div元素的背景色设置为COLOR，将p标记的颜色设置为白色，但这些样式可能无法在某些电子邮件客户端中正确应用。

来源：https://stackoverflow.com/questions/75044726/how-can-i-prevent-the-dark-theme-from-breaking-the-css-in-my-html-emails

1条答案

按热度按时间

7kqas0il1#

<div class="container">
    <div class="gmail-blend-screen">
        <div class="gmail-blend-difference">
            <p>Your text here</p>
        </div>
    </div>
</div>

.container {
    background-image: linear-gradient(COLOR, COLOR);
}

p {
    color:white;
}

u+.body .gmail-blend-screen {
    background: #000;
    mix-blend-mode: screen;
}

u+.body .gmail-blend-difference {
    background: #000;
    mix-blend-mode: difference;
}

赞(0）回复(0）举报 2023-01-10

我来回答

如何防止黑暗主题破坏HTML电子邮件中的CSS？

1条答案

相关问题

热门标签

最新问答