如何为Outlook 2007电子邮件模板创建CSS按钮？

Question

我正在尝试为电子邮件模板创建一个蓝色按钮。电子邮件客户端是Outlook 2007.我了解到它不支持CSS3所以我为该按钮编写了这个CSS：

HTML：

NgModule

CSS：

ngDoBootstrap()

某些属性（例如border-radius和width / height）在电子邮件模板中不起作用。它只是显示一个带有文本＆＃34; Button＆＃34;的蓝色框。在上面。如何在Outlook 2007模板中创建形状按钮？

Answer 1

Outlook - especially the new MSWord based windows versions - 往往会有糟糕的HTML / CSS支持。这是因为在Outlook 2003之后，Microsoft决定停止使用IE作为Outlook的渲染引擎，而是使用Word HTML - 这不是实际的HTML。

因此，对于Outlook，您不仅要处理通常与电子邮件关联的HTML限制，还要处理Word HTML和XML的怪癖。

Outlook（campaign monitor has a great 'does it work' reference for HTML email CSS）不支持您的某些样式（例如border-radius）。

如果您迫切需要拥有边界半径等。您可以使用XML和补充MSO条件 - 但要小心，这不仅会使代码膨胀，而且会导致一些异常行为，尤其是在回复/转发中。

开始使用此代码的好地方来自buttons.cm虽然不完美，但它可以为您提供一个很好的起点。