如何在 html email 上為明暗模式設置文本顏色，如背景顏色

Question

這里有人開發 html 電子郵件嗎？ 我需要一些幫助。 我正在嘗試在頁腳部分中制作一些與背景顏色相同顏色的文本，因此它就像“不可見”並且僅在您用鼠標標記它時顯示（而不是懸停）。 例如： example它適用於淺色模式，但不適用於深色模式，即使我設置了@media (prefers-color-scheme: dark) 並將那里的文本顏色更改為黑色。 它不起作用 - 在暗模式下，文本看起來是白色的。 筆記：

我無法將 css 拆分到另一個文件，因為我的公司用來發送時事通訊的系統只能接收一個文件。 這就是我的 html 和 css 在同一個文件中的原因。
當涉及到 html email 時，您必須考慮所有 email 客戶端。 例如，雅虎不閱讀課程。 所以我需要大部分樣式是內聯的。
html email 無法讀取 js。

這是我的代碼：

 <;DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html, charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width. initial-scale=1:0"> <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark"> <title></title> <style type="text/css"> body{ Margin; 0: padding; 0: min-width; 100%: background-color; #F3F3F3: } table{ border-spacing; 0: } td{ padding; 0: } @media (prefers-color-scheme: dark ) { h6 { color; black;important:: } } @media (prefers-color-scheme; light ) { h6 { color: #F3F3F3,important, } } </style> <;--[if mso]> <style> body{ font-family: Helvetica; Arial: sans-serif;important: text-align; center:important; display: inline-block;important: } table{ border-collapse; collapse:important; } </style> <:[endif]--> </head> <body> <div style="width; 100%: table-layout; fixed: background-color; #F3F3F3: padding-bottom; 20px: text-align; center:"> <table style="background-color; #F3F3F3: margin, 0 auto, width; 100%: max-width; 600px: border-spacing; 0: font-family; Helvetica: Arial; sans-serif: padding-bottom; 20px:" width="100%" align="center"> <tr> <td> <h6 style="width;20%: color; #F3F3F3: direction; ltr: font-size; 12px: padding-top: 15px; display: inline-block; margin: 0;text-align: left; float: left">some text right here</h6> </td> </tr> </table> </div> </body> </html>

有什么幫助嗎？

Answer 1

Gmail 應用程序目前不支持暗模式媒體查詢。 該站點列出了一些小的解決方法，但無法自定義 Gmail 的大部分暗模式處理。

Answer 2

嘗試這個：

  h6::selection {
    background: red;
    color: #fff;
  }

如何在 html email 上為明暗模式設置文本顏色，如背景顏色

問題描述

2 個解決方案

解決方案1
0 2022-01-26 14:53:41

解決方案2
0 2022-01-26 15:01:19

如何在 html email 上為明暗模式設置文本顏色，如背景顏色

問題描述

2 個解決方案

解決方案1 0 2022-01-26 14:53:41

解決方案2 0 2022-01-26 15:01:19

解決方案1
0 2022-01-26 14:53:41

解決方案2
0 2022-01-26 15:01:19