MailChimp內聯樣式的可編輯按鈕被覆蓋

Question

我創建了一個帶有可編輯區域的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="Centred Button"使按鈕編輯。我也設計了內聯鏈接。

當我使用MailChimp界面並編輯按鈕時，編輯文本很好並保留了樣式，但只要我更改鏈接URL，它就會變成藍色並加下劃線。

即使將編輯器切換爲源代碼並插入內聯樣式也不會覆蓋該問題。 MailChimp沒有解決方案。

Answer 1

問題是由MailChimp在另一個<a href="">添加引起成可編輯<a>

一種可能的解決方案是使用任一a * {styles:here}或a a {}。

一個更好的解決辦法是把mc:edit前面<td>上而不是在<a>避免

<a href="#"><a href="#">Link Text </a></a>

根據W3C規範，你不應該有一個<a>內的<a>。在HTML電子郵件中使用有效的HTML是一個非常好的主意，因爲電子郵件客戶端在最好的時候會讓事情變得怪異。

最初，我已經把編輯上的<a>保留我的佈局，但我不認爲這是最好的選擇了。我用下面的代碼：

CSS

.button a { 
    styles 
} 

HTML

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

更新 MailChimp將內聯樣式當您發送它，它會工作在Gmail等