0

如何将 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>

但没有显示阴影。

4

1 回答 1

0

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

那是你的 MJML 代码，除了我用“红色”代替了 rgba() 调用。我看到了一个我在改变之前没有看到的影子。

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

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

祝你好运。

于 2020-10-19T21:36:19.947 回答