Outlook Web 客户端中的按钮背景未显示 - HTML 电子邮件开发答案

【问题标题】：Button background in outlook web client not showing - HTML email developmentOutlook Web 客户端中的按钮背景未显示 - HTML 电子邮件开发
【发布时间】：2020-12-08 10:26:57
【问题描述】：

我在 Outlook Web 客户端上的按钮出现问题。它适用于我尝试过的大多数其他客户端，甚至是 Outlook，但不是网络版本。我什至使用了防弹按钮，但它仍然不显示背景颜色。

有什么办法可以解决吗？

我的按钮：

<div><!--[if mso]>
  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="10%" strokecolor="#fa2951" fillcolor="#f52432">
    <w:anchorlock/>
    <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">Show me the button!</center>
  </v:roundrect>
<![endif]--><a href="http://testing"
style="background-color:#f52432;border:1px solid #fa2951;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;mso-hide:all;">Show me the button!</a></div>

【问题讨论】：

我已经在 Office 365 和 Outlook.com 上的 Explorer、Firefox 和 Chrome 上进行了测试——所有这些 Web 客户端都运行良好。（以及 Outlook 应用程序、Android 和 iOS；以及 Outlook 桌面）有关您的浏览器的更多信息？截图？

标签： html email html-email

【解决方案1】：

不确定，但我认为这是因为您的网址不正确。我只花了一个小时来解决同样的问题，然后将我的 href 更改为随机的 http://google.com，outlook 终于打印了按钮。

【讨论】：