我正在嘗試修復 Outlook App 中暗模式的電子郵件。由于某種原因,當在黑暗模式下 Outlook 無法覆寫背景顏色但它正確地覆寫了字體顏色時,這會導致在黑暗模式下具有白色背景和白色文本的電子郵件。它在瀏覽器上運行良好,只是 IOS 應用程式有這個問題。我想知道如何指示應用程式應該覆寫什么背景顏色。我的html代碼,我嘗試過行內樣式和css類,都有同樣的問題
<tr>
<td>
<div class="footer" style="background-color: white;">
<p class='h5-regular'>
Some Text
<br />
<p class='h5-regular'>
Some Text
</p>
</p>
</div>
</td>
</tr>
uj5u.com熱心網友回復:
不同的電子郵件客戶端處理暗模式的方式不同。
Outlook iOS 應用程式支持 @media prefers-color-scheme 功能,因此您可以將所需的代碼添加到<head>( https://www.caniemail.com/features/css-at-media-prefers-color-scheme/ )
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<style>
@media (prefers-color-scheme: dark ) {
.footer { background-color: #000000 !important; }
p { color: #ffffff !important; }
}
</style>
元標記告訴渲染引擎您支持淺色和深色主題。
有關詳細資訊,請參閱https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/516110.html
