如何在 MS-Outlook 2010 中显示 html 按钮元素？答案

【问题标题】：How to display html button element in MS-Outlook 2010?如何在 MS-Outlook 2010 中显示 html 按钮元素？
【发布时间】：2012-05-29 20:36:51
【问题描述】：

我写了一个邮件程序。邮件正文是纯html。

html 的所有元素（如 a、span、p、img 标记等）都显示在 MS Outlook 2010 的邮件输出中，但按钮除外。

只有文本（按钮的值）显示为纯文本。如果按钮有 onClick 事件，即使是 javascript 事件也不会触发。

注意：它在 gmail、yahoo 等其他邮件服务中工作。问题仅在 Outlook 中。

【问题讨论】：

标签： email outlook outlook-2010

【解决方案1】：

我不确定 MS Outlook 2007 以后的版本是否可以处理 HTML 按钮，因为它们使用 MS Words HTML 处理器（这不是最好的...）

关于尝试在电子邮件中使用 javascript - Javascript click event in outlook 2007

我也遇到过类似的问题...

杰克。

【讨论】：

【解决方案2】：

javascript 被电子邮件客户端阻止，因为它没有保存。

有一些解决方案或多或少在 Outlook 中起作用：

https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design

【讨论】：

【解决方案3】：

请使用下面提到的 HTML 代码，这在 Outlook 中运行良好。

<table cellpadding="0" align="left" cellspacing="0" style="border-radius:2px; background-color:#5794FF; color:#FFFFFF">
    <tbody>
        <tr>
            <td align="center" height="32" style="padding:0px 19px; height:32px; font-size:14px; line-height:12px">
                <a href="https://www.google.co.in/" target="_blank" style="text-decoration:none; color:#FFFFFF">Search Google</a>
            </td>
        </tr>
    </tbody>
</table>

【讨论】：