19

HTMLメールのスタイルを設定するにはインラインCSSを使用する必要があることは知っていますが、Gmailで発生している奇妙なオーバーライドに気づいています。表の行のテキストの色を変更しようとしています。

<tr style='color: #000; font-size: 14px; font-family: Verdana, serif;'>

しかし、このメールをGmailで開くと、フォントファミリと黒色がGmailのスタイルで上書きされています。私はこれをFirebug経由で見ています:

ここに画像の説明を入力してください

私が望む黒の代わりにその紫の色が使用されており、フォントファミリはデフォルトでarial、sans-serifになっています。Gmailが私に強制しているスタイリングを安全に上書きする方法を知っている人はいますか?

アップデート

色を黒以外の色、つまり#212a2cに変更しましたが、色は正しく変更されましたが、フォントファミリはまだarialに固定されています。

4

5 に答える 5

11

TRをスタイリングしているように見えますが、GmailはTDのスタイルでそれを乗り越えています。TDとTRが競合する場合、TDは最も直接的なコンテナーであるため、勝ちます...css3ルールに従って最も近い一致です。TDでインラインスタイルを使用すれば、乗り越えることができると思います。

于 2012-06-06T22:43:24.290 に答える
4

経験から、カラーコードを使用するのに最も安全な方法は、常に6の数字コードを使用することです-私は一度同様の問題を抱えていましたが、カラーコードを3桁から6に変更するだけで修正されました-何もかかりません結局、3つの余分な数字を入力する時間です:)

于 2012-06-17T19:23:52.967 に答える
4
  1. <tr>テキスト上<td>または<span>テキストの周囲でスタイルを使用しないでください。
  2. 色として#000、#000000、または黒を書くかどうかは関係ありません:)
于 2012-07-02T12:48:22.980 に答える
4

Gmailは、おそらくスパム対策機能として、リンクを黒(#000000)からデフォルトの青に変更します。

これを回避するには、フォントの色を(#000001)に変更します。例:

<a href="#" style="color: #000001;">Click HERE</a>
于 2013-06-21T16:40:49.077 に答える
3

「色として#000、#000000、または黒を書くかどうかは関係ありません:)」

はい、そうです。メールが3つの16進色をわずかに異なる方法でレンダリングする場合があります。経験則として、互換性のために6を使用することをお勧めします。

于 2015-09-07T08:27:40.963 に答える