2017-03-06 13 views
0

Gmailがメール本文からスタイルブロックを除外するかどうかは誰でも知っているか確認できますか? HTML本体のclaim to allow style tagsです。しかし、私のテストでは、本体のスタイルタグはGmailから削除されました。 このHTMLでテストしたところ、ヘッドスタイルのみが適用されました。あなたは、ほぼすべての主要な電子メールプロバイダのために、すべてのインラインスタイルをしなければならないGmailのメール本文のCSSスタイル

<html> 
 
    <head> 
 
     <style> 
 
      h1{color:red;} 
 
     </style> 
 
    </head> 
 
    <body> 
 
     <h2>Hi from H2-1</h2> 
 
     <style>h2{color:green;}</style> 
 
     <h1>Hi from H1</h1> 
 
     <h2>Hi from H2-2</h2> 
 
    </body> 
 
</html>

Gmail-Css-Fail

+0

インラインスタイルを使用します。 –

+0

'h1'タグがうまくいきました。ヘッダーにも' h2'のためのCSSを入れてみませんか? – Jer

答えて

2

<h2 style="color: #ff00ff;">H2 Title</h2> 

<p style="color: #fff; padding: 10px 0; text-align: center;">This is a paragraph section.</p> 
0

電子メールの本文は、開始タグと終了タグを意味するhtml DOMとして記述することができます。あなたができない理由は分かりません。 htmlソースコードを入力すると、そのまま送信されますのでご注意ください。しかし、HTMLソースコードがブラウザに表示されるようにメッセージ本文を送信したい場合は、ブラウザUIからレンダリングされたテキストをコピーし、Gmail本体のメッセージ本文に貼り付けて送信します。

おかげで、 オムサン

0

は一般的に、HTML形式の電子メールでの作業は巨大な痛みです。 私はちょうどhttp://premailer.dialect.ca/のようないくつかのpremailerを介してあなたのHTMLを実行することですお勧めできます。すべてのスタイルをインライン展開する必要があります。 電子メールの土地に簡単な答えはありません。それはまだ2000年です。