0

我的代码：

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

当我尝试使用不同的邮件客户端时，文本为黑色，但在 gmail（explorer、chrome 和 firefox）上，此文本为蓝色。我怎样才能解决这个问题？

如果你想看一个例子：http: //issl.fr/test/test_validator.html 把所有的代码 html 复制到那里： https ://litmus.com/email-testing 你将能够预览在每个客户身上。看看gmail的。

4

4 回答 4

3

因为您的文本位于<a>标签中（您<a>正在用您的文本包装表格）。这就是为什么你的文字变成蓝色的原因。将颜色应用于您的<a>并且应该可以解决它......约翰使用正确的十六进制代码作为颜色是正确的。

同样，Gmail 喜欢将color:#000000链接更改为默认蓝色，即使您声明它应该是color:#000000. 使用color:#000001. 那将解决它。

于 2013-10-14T17:28:48.580 回答
0

Darryl Vos 的回答是正确的。

我使用 color:#00001 设置链接样式，以始终在电子邮件中实现黑色链接。

我在一家机构工作，没有人抱怨它看起来不黑。

于 2013-10-16T17:37:13.307 回答
0

在电子邮件中，您必须使用 6 位十六进制代码以实现跨电子邮件客户端的最大兼容性。将 CSS 用于文本，即：color:#000000;，将 htmlbgcolor="#FFFFFF"用于背景

于 2013-10-14T16:04:48.547 回答
0

使用 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>
于 2013-10-14T20:00:34.543 回答