Html email MailChimp可编辑按钮内联样式被覆盖

Html email MailChimp可编辑按钮内联样式被覆盖,html-email,mailchimp,Html Email,Mailchimp,我已经创建了一个带有可编辑区域的MailChimp模板 我对所有内容进行了内联样式设置,并且有一个可编辑按钮: <!-- button --> <table class="button" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border-spacing: 0;font-family:

我已经创建了一个带有可编辑区域的MailChimp模板

我对所有内容进行了内联样式设置,并且有一个可编辑按钮:

              <!-- button -->      
              <table class="button" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border-spacing: 0;font-family: Roboto,  'Times New Roman', Times, serif;border-left:1px solid #24303f;border-right:1px solid #24303f;border-bottom:1px solid #24303f;border-top:1px solid #24303f;margin:0 auto;min-width:248px;text-align:center;">
                <tr style="font-family:Georgia, 'Times New Roman', Times, serif;">
                  <td height="40" style="border-collapse: collapse;font-family: ColdLilies-Regular, Georgia, 'Times New Roman', Times, serif;"><table class="table-inner" border="0" align="center" cellpadding="0" cellspacing="0" style="border-spacing: 0;font-family: Roboto, Georgia, 'Times New Roman', Times, serif;">
                      <tr style="font-family:Georgia, 'Times New Roman', Times, serif;">
                        <td align="center" style="font-family:Georgia, 'Times New Roman', Times, serif;font-size:19px;color: #24303f;border-collapse: collapse;padding-left:35px;padding-right:35px;" class="variable-width-button-container">
<a href="#" style="color: #24303f;text-decoration: none;font-family: Georgia, 'Times New Roman', Times, serif;font-size:19px;font-weight:normal;padding-top:10px;padding-bottom:10px;text-transform:uppercase;text-align:center;" mc:edit="Centred Button" class="variable-button">
View&nbsp;More
</a>
</td>
                      </tr>
                    </table></td>
                </tr>
              </table>                  
              <!-- end button -->

如您所见,我使用了
mc:edit=“centered Button”
使按钮可编辑。我还设计了链接的内联样式

当我使用MailChimp界面并编辑按钮时,编辑文本是可以的,并且保留了样式,但是一旦我更改链接URL,它就会变成蓝色并带下划线


即使将编辑器切换到源代码并插入内联样式也不能解决这个问题。MailChimp没有解决方案。

问题是由MailChimp添加了另一个

根据W3C规范,您不应该在
中包含
。在HTML电子邮件中,使用有效的HTML是一个非常好的主意,因为电子邮件客户端在最好的时候呈现出奇怪的东西

最初我把编辑放在
上以保留我的布局,但我认为这不再是最好的选择。我曾经使用以下代码:

CSS

.button a {
    styles
}
HTML

<table>
  <tr>
    <td class="button">
        <a>Link Text</a>
    </td>
  </tr>
</table>

链接文本
更新
MailChimp将在您发送时内嵌样式,并可用于Gmail等。

这非常有用。我现在正在编写一个Mailchimp模板,我一辈子都搞不懂为什么我的链接风格没有坚持下去。很高兴知道Mailchimp在发送时将应用内联样式!在我写这封Q/A邮件之前,Chimp警告我说我问了太多低质量的问题。我经常找不到答案,所以我贴了一个Q&a。很高兴它对某人有所帮助。如果你觉得它是正确的答案,请标记为正确