Gmail - 表内的HTML类和样式标签被删除。

Question

我的电子邮件模板有以下类 html elements 并 style 标签添加到table里面。而表格的CSS自定义是用类选择器来完成的。

现在在Gmail中测试时，我看到样式没有被应用，也可以看到类和样式在渲染的DOM中不可用。(虽然在outlook中可以正常工作)

谷歌是否有文件表明他们会剥离html类和样式标签？

另外，如果Gmail是这样的话，请提出任何替代的解决方案。请不要建议使用在线转换器，因为我们使用的是 jsp 模板和内容是动态呈现的。

html模板示例。

<table class="layoutTable">
   <tbody>
      <tr>
         <td class="layoutLeft" rowspan="3"></td>
         <td class="layoutTop"></td>
         <td class="layoutRight" rowspan="3"></td>
      </tr>
      <tr>
         <td class="layoutBody">
            <style type="text/css">BODY {
               FONT-SIZE: 70%; FONT-FAMILY: inherit; COLOR: #000000
               }
               TEXTAREA {
               FONT-SIZE: 70%; FONT-FAMILY: inherit; COLOR: #000000
               }
               BODY {
               FONT-SIZE: 14px; FONT-FAMILY: "Helvetica", Arial, sans-serif; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #f8f8f8
               }
            </style>
            <table class="tableEmailText" cellspacing="0" cellpadding="0" border="0">
               <tbody>
                  <tr>

Gmail中渲染的DOM。

<table>
   <tbody>
      <tr>
         <td rowspan="3">
         </td>
         <td>
         </td>
         <td rowspan="3">
         </td>
      </tr>
      <tr>
         <td>
            <table border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <th>

Answer 1

Gmail有不同的版本，但它剥离嵌入CSS是很常见的。你必须重构你的代码来内嵌这些样式。请看 Gmail中的HTML邮件--CSS样式属性被删除。 为什么Gmail会屏蔽邮件中的CSS？ 或 Gmail中的样式不能使用