MJML 4按钮阴影

Question

如何将css属性box-shadow添加到标准的"mj-button“组件？

我使用的是node版本4.5

这是我的按钮的代码：

<mj-button css-class="box-shadow" align="left" background-color="#95C11F" href="#">Button 1</mj-button>

我已经尝试过使用css-class，其中包含以下代码：

<mj-style>
    .box-shadow > table td {
        -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); 
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    }
</mj-style>

但没有显示阴影。

Answer 1

请参阅https://mjml.io/try-it-live/HySjzKsDv

这就是您的MJML代码，只不过我用"red“代替了rgba()调用。我看到了一个在改变之前没有看到的影子。

我在MJML文档中找不到MJML不支持rgba()，但它是对HTML的一个足够“现代”的添加，我不会指望它会出现在MJML作者所针对的所有电子邮件客户端中。有些是非常基础的。

我记得的MJML文档中的所有颜色示例都使用十六进制表示法("#F45E43")或命名颜色。

祝好运。