Html FormEmailer将CSS内联到Gmail

我已经设置了一个脚本，可以在我正在处理的表单/工作表上运行。目前的目标是在提交表格后，将问题和答案发送给特定的人（两列六行）

目前，我在FormEmailer中的HTML代码如下所示：

<h1>Hello!</h1>
<br>
<p>A new SAP Role request has been submitted to the Google Sheet. Please tend to this when you get a chance.</p>
<p>Thank you!</p>

<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 4px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
</style>
</head>
<table>
    <thead>
        <tr>
            <th colspan="2">Form Submissions:</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><b>Timestamp:</b></td>
            <td>#Timestamp|M/d/yyyy H:mm:ss#</td>
        </tr>
    </tbody>    
    <tbody>
        <tr>
            <td><b>Email Address:</b></td>
            <td>#Email Address#</td>
        </tr>
    </tbody>    
    <tbody>
        <tr>
            <td><b>Name, Department, Supervisor:</b></td>
            <td>#Name, Department, Supervisor#</td>
        </tr>
    </tbody>    
    <tbody>
        <tr>
            <td><b>User ID:</b></td>
            <td>#User ID#</td>
        </tr>
    </tbody>    
    <tbody>
        <tr>
            <td><b>Department:</b></td>
            <td>#Department#</td>
        </tr>
    </tbody>    
    <tbody>
        <tr>
            <td><b>Job Responsibilities:</b></td>
            <td>#Job Responsibilities#</td>
        </tr>
    </tbody>
     
   
</table> 

                                    

你好！


新的SAP角色请求已提交到Google工作表。有机会的时候请注意这个

谢谢大家!

桌子{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
td，th{
边框：4px实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}
提交表格：
时间戳：
#时间戳| M/d/yyyy H:mm:ss#
电邮地址：
#电子邮件地址#
姓名、部门、主管：
#姓名、部门、主管#
用户ID:
#用户ID#
部门：
#系#
工作职责：
#工作职责#

不幸的是，GMail似乎以某种方式剥离了CSS代码，因此需要进行CSS内联。在通过GitHub后，我将代码调整为如下所示：

<h1>Hello!</h1>
<br>
<p>A new SAP Role request has been submitted to the Google Sheet. Please tend to this when you get a chance.</p>
<p>Thank you!</p>


<table class="gmail-table" style="border: solid 2px #DDEEEE;border-collapse: collapse;border-spacing: 0;font: normal 14px Roboto, sans-serif;">>
    <thead>
        <tr>
            <th colspan="2" style="background-color: #DDEFEF;border: solid 1px #DDEEEE;color: #336B6B;padding: 10px;text-align: left;text-shadow: 1px 1px 1px #fff;">Form Submissions:</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;"><b>Timestamp:</b></td>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;">#Timestamp|M/d/yyyy H:mm:ss#</td>
        </tr>
    </tbody>    
    <tbody>
        <tr>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;"><b>Email Address:</b></td>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;">#Email Address#</td>
        </tr>
    </tbody>    
    <tbody>
        <tr>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;"><b>Name, Department, Supervisor:</b></td>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;">#Name, Department, Supervisor#</td>
        </tr>
    </tbody>    
    <tbody>
        <tr>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;"><b>User ID:</b></td>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;">#User ID#</td>
        </tr>
    </tbody>    
    <tbody>
        <tr>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;"><b>Department:</b></td>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;">#Department#</td>
        </tr>
    </tbody>    
    <tbody>
        <tr>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;"><b>Job Responsibilities:</b></td>
            <td style="border: solid 1px #DDEEEE;color: #333;padding: 10px;text-shadow: 1px 1px 1px #fff;">#Job Responsibilities#</td>
        </tr>
    </tbody>
     
   
</table>

你好！


新的SAP角色请求已提交到Google工作表。有机会的时候请注意这个

谢谢大家!

>
提交表格：
时间戳：
#时间戳| M/d/yyyy H:mm:ss#
电邮地址：
#电子邮件地址#
姓名、部门、主管：
#姓名、部门、主管#
用户ID:
#用户ID#
部门：
#系#
工作职责：
#工作职责#

这使得发送的电子邮件更加糟糕，从最终产品中删除了多个元素。奇怪的是，如果我要在Gmail中的电子邮件中添加表情符号，检查元素，然后用CSS内联代码的HTML替换表情符号的HTML，那么当我发送给自己时，该表的格式就很好了

那么，FormEmailer在进入Gmail之前是否已经剥离了CSS？或者我可以做些什么来格式化FormEmailer中的代码，以便它在Gmail响应中作为一个表出现