Gmail을 재정의 글꼴 색상

Question

내 코드 :

<tr> 
    <td align="center" style="font-size:9pt; font-weight : bold;font-family:Arial; color:black;"> 
      SELLE ZETA CONFORT GEL 
    </td> 
</tr> 

내가 다른 메일 클라이언트에서 시도, 텍스트는 검은 색이지만, Gmail은 (익스플로러, 크롬 및 파이어 폭스)에서이 텍스트는 파란색입니다. 어떻게 해결할 수 있습니까?

당신은 exemple보고 싶은 경우 http://issl.fr/test/test_validator.html 모든 코드 HTML을 타고을하고 거기에 복사 : https://litmus.com/email-testing 당신은 모든 클라이언트에 미리보기를 할 수 있습니다. Gmail을보세요.

Answer 1

전자 메일 클라이언트의 전자 메일 호환성을 최대한 보장하려면 전자 메일에서 6 자리 16 진수 코드를 사용해야합니다. (당신이 <a> 그것에 텍스트와 테이블을 배치됩니다) color:#000000; 및 HTML의 bgcolor="#FFFFFF" 텍스트가 <a> 태그에 앉아 있기 때문에 배경

Answer 2

에 대한 : 텍스트 IE 용 CSS를 사용합니다. 그것이 귀하의 텍스트가 푸른 색으로 변하는 이유입니다. <a>에 색상을 적용하면 해결 될 것입니다 ... John은 색상에 적절한 16 진 코드를 사용하는 것이 옳습니다.

또한 Gmail은 color:#000000이어야한다고 밝힌 경우에도 기본 파란색 링크로의 변경시 color:#000000을 변경하려고합니다. color:#000001을 사용하십시오. 그것은 그것을 해결할 것입니다.

Answer 3

gmail을 사용하면 색상이 중복 될 수 있습니다.

뿐만 아니라 색상이있는 범위에서 색상을 선언해야 할뿐만 아니라 색상이 포함 된 범위에도 포장해야합니다.

이

<Track Link> 
            <a style="text-decoration : none; color:#000000;" href="http://www.decathlon.be/selle-zeta-confort-gel-id_8052361.html"> 
             <table height="100%" width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> 
              <tr><td> 
               <table height="100%" width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> 
                <tr height="3"></tr><tr style="height : 32px !important; min-height : 32px !important; max-height : 32px !important; "> 
                 <td width="6"></td> 
                 <td align="left"> 
                  <div style="height :32px !important; min-height : 32px !important; max-height : 32px !important; "></div> 
                 </td> 
                 <td width="58"></td> 
                 <td align="right"> 
                  <div style="height :32px !important; min-height : 32px !important; max-height : 32px !important; "><img border="0" style="display:block;" width="64" height="32" alt=" " src="http://decathlonbe.net/images/Marques/geonaute.png"></div> 
                 </td> 
                 <td width="6"></td> 
                </tr><tr height="1"></tr> 
               </tbody></table> 
              </td></tr> 
              <tr><td> 
               <table height="100%" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody> 
                <tr> 
                 <td align="center"> 
                  <table height="100%" width="100%" cellspacing="0" cellpadding="0" border="0"> 
                   <tr> 
                    <td width="5"></td> 
                    <td><img width="188" border="0" alt="" src="http://www.decathlon.be/media/805/8052361/classic_400PX_asset_71685950.jpg" style="display : block;"></td> 
                    <td width="5"></td> 
                  </table> 
                 </td> 
                </tr> 
                <tr> 
                 <td align="center" style="font-size:9pt; font-weight : bold;font-family:Arial; color:black;"><span style="color:#000000;">SELLE ZETA CONFORT GEL</span></td> 
                </tr> 
                <tr> 
                 <td align="center" style="font-size:9pt; font-family:Arial; color:#6f6f6f;"></td> 
                </tr> 
               </tbody></table> 
              </td></tr><tr><td> 
               <div class="price" style="font-family : Arial; font-size : 22pt; color : black; text-align : center;"><div class="nopromo" style="font-weight:bold;font-family : Arial; font-size : 19pt; color : black; text-align : center;">29<sup style="font-size:12pt;">&#128;95</sup></div></div> 
              </td></tr><tr><td> 
               <table height="100%" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody> 
                <tr> 
                 <td width="15"></td> 
                 <td valign="middle" align="center"> 
                  <Track Link><a style="text-decoration : none; font-family : Arial; font-weight : bold; font-size : 11pt; color : white;" href="http://www.decathlon.be/selle-zeta-confort-gel-id_8052361.html"><table align="center" cellspacing="0" cellpadding="0" border="0" style="background : #efefef;" > 
                    <tr height="32" style="background-color : #FF7100;"> 
                     <td width="5" ><span style="color: #FF7100;">i<span></td> 
                     <td style = "max-width: 144px;"> <div style="color : white;text-align:center; font-size : 10pt;font-family:Arial;font-weight: bold; ">sefsefse </div></td> 
                     <td style="padding-left : 5px;"> 
                      <span style="color : white; font-weight : bold; font-size : 12pt;"> > </span> 
                     </td> 
                     <td width="5"><span style="color: #FF7100;">i</span></td> 
                    </tr> 
                   </table> 
                  </a></Track Link> 
                 </td> 
                 <td width="15"></td> 
                </tr> 
                <tr height="8"></tr> 
               </tbody></table>  
              </td></tr> 
             </tbody></table> 
           </a> 

Answer 4

대릴 보스의 대답이 정확 올바른 코드 아래 항목 중 하나입니다.

색상이있는 스타일 링크 : # 00001 이메일에 항상 검은 색 링크를 표시합니다.

저는 대리점에서 일하고 있으며 아무도 그것이 검은 색으로 보이지 않는다고 불평 한 사람이 없습니다.