MJML 4 按钮阴影

【问题标题】：MJML 4 button shadowMJML 4 按钮阴影
【发布时间】：2020-06-06 01:17:21
【问题描述】：

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

我使用的是节点版本 4.5

这是我的按钮的代码：

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

我已尝试使用具有此代码的 css 类：

<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>

但没有显示阴影。

【问题讨论】：

标签： newsletter mjml

【解决方案1】：

见https://mjml.io/try-it-live/HySjzKsDv

这是您的 MJML 代码，只是我用“红色”代替了 rgba() 调用。我看到了改变之前没有看到的影子。

我在 MJML 文档中找不到 MJML 不支持 rgba()，但它是对 HTML 的足够“现代”的补充，我不会依赖它出现在 MJML 作者所针对的所有电子邮件客户端中.有些是非常基本的。

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

祝你好运。

【讨论】：