Html 2016/2019年展望未显示边界底部

我有一个电子邮件模板在一起，所有的工作除了一个元素，这是没有在Outlook中正确呈现。代码如下：

<a href="https://website.com/link" style="color: #fff; display: inline-block; font-weight: bold; text-decoration: none; border-bottom: solid 2px #e30517; padding-bottom: 3px; padding-left: 3px; padding-right: 3px;">View Event</a>

其他浏览器向我显示：

Outlook 2016和2019如下所示（注意链接上缺少底部边框）：

---

在那些电子邮件客户端上显示2px底部边框有什么提示/技巧吗？

根据Outlook中对边框的支持，它似乎有问题。解决方法可以是使用表和表属性“border”。我发现，它可能会帮助您实现目标。

Outlook的最佳选择是使用图像作为边框，或者您可以将“边框”设置为一个新的td，其中包含一个“.”；样式设置使您无法看到实际的点。Outlook总是一个棘手的问题。

尝试添加以下内容：

mso边框高度：2px实心#e30517

它是特定于Outlook的，将被其他电子邮件客户端忽略。它将围绕“查看事件”创建一个框，但至少它会给您重点

mso边框底部高度：2px实心#e30517将仅在Outlook 2019中创建下划线

更好的解决方法是创建一个包含一列和两行的表。第一行有“查看事件”，第二行有2倍高的背景色。这是所有电子邮件客户端中最一致的修复

祝你好运。
我在
表中尝试了类似的
span
和
div
方法，使用
mso border alt
作为后备方法，但结果并不令人满意

由于时间紧迫，我将其保留在类似于以下代码的位置：

<a href="http://www.blah.com" target="_blank" style="text-decoration:underline; color:#0A0A24;text-decoration-color:#66CBC3;mso-border-bottom-alt: 2px solid #66CBC3;">MemberAccess</a>



注:


在
href
和下划线上定义的边框在一些电子邮件客户端的
href
下创建了一条较粗的线
mso边框底部alt
-仅适用于Outlook 2019
span
或
div
（在
href
中）上的边框在Outlook中不起作用

如果你找到了一个防弹的方法，请让我们知道