メールのテキストが異なる色で表示されています

Question

Outlookの色はすべて白ですが、モバイルGmailはアドレスの白黒テキストとして表示されています。

color: #ffffff;からtdとtableに追加しようとしました。 <sup>th</supが問題を引き起こしていた場合は、アドレスの各部分にspanを追加しようとしました。他に何ができるかわからない。

<tr> 
    <td align="center" valign="middle" bgcolor="#658ead"> 
     <table cellpadding="0" cellspacing="10" align="center" border="0" width="100%"> 
      <tr> 
       <td align="center" valign="middle"><span style="font:bold 125% Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#ffffff; letter-spacing:1.5px; line-height: 150%;">Thursday, November 30<sup>th</sup> <br />1:00 pm</span></td> 
      </tr> 
      <tr> 
       <td align="center" valign="middle" style="color: #ffffff;"><span style="font:normal 125% Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#ffffff; letter-spacing:1.5px; line-height: 150%;">2728 North 68 Street, Suite 1 <br />Scottsdale, AZ</span></td> 
      </tr> 
      <tr> 
       <td align="center" valign="middle"><span style="font:bold 100% Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#ffffff; letter-spacing:1.5px; line-height: 150%;">Seating is limited </span><br /><span style="font:normal 100% Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#ffffff; letter-spacing:1.5px; line-height: 150%;">Kindly respond by November 29<sup>th</sup></span></td> 
      </tr> 
      <tr> 
       <td align="center" valign="middle" bgcolor="#658ead"> 
        <table cellpadding="0" cellspacing="5" align="center" border="0" style=" border: 1px solid #ffffff; background:#ffffff;"> 
         <tr> 
          <td bgcolor="#ffffff"><a href="mailto:Crystal.Fritz@kravet.com?subject=RSVP to Livable Luxury - Arizona on November 30th" style="font:normal 75% Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#658ead; background:#ffffff; line-height:21px; padding: 10px; letter-spacing:1px;">CLICK HERE TO RSVP</a></td> 
         </tr> 
        </table> 
       </td> 
      </tr> 
      <tr> 
       <td align="center" valign="middle"><span style="font:italic 85% Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#ffffff; letter-spacing:1.5px; line-height: 150%;">Refreshments will be served</span></td> 
      </tr> 
    </table> 
</td> 
</tr> 

Answer 1

私はそれがクリック可能なリンクとしてのアドレスの一部をレンダリングだと考えているので、あなたはフッターにリンクのスタイルを上書きするために、いくつかのCSSが必要になります。おそらく、クラスを追加し、ヘッダに<style>ブロックでそれを宣言する：

CSS：

<style type="text/css"> 
    .footerLink a { 
    color: #fff !important; 
    } 
</style> 

HTML：

<td class="footerLink" align="center" valign="middle" style="color: #ffffff;"><span style="font:normal 125% Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#ffffff; letter-spacing:1.5px; line-height: 150%;">2728 North 68 Street, Suite 1 <br />Scottsdale, AZ</span></td> 

Answer 2

は、あなたが試してみました：

色：白;クラス、笑：

<p class=MsoNormal><span lang=EN-GB style='color:white;mso-themecolor:background1'>Sdvsds 
s <o:p></o:p></span></p>