html - 时事通讯的圆形按钮在 MS 邮件中不起作用

Question

我需要为时事通讯制作一个圆形按钮，HTML 代码插入到用于时事通讯的网络基础工具中

大部分内容都可以，但 Windows 10 邮件客户端上带有圆 Angular 的黄色按钮会丢失舍入和填充

我尝试使用不同的标签如按钮或更改为显示 block 并使用带前缀的 css 样式但没有任何成功

如果不可能我会使用一些图片

<p><a href="https://mylink.com" target="_blank"><span style="display:inline-block; background-color:#ffce00; padding: 10px 45px; border-radius:20px; color: #000; font-weight: bold;">Click</span></a></p>

Answer 1

你可以尝试下面这样的事情(我已经在 MS outlook 中成功测试了这种类型的代码)，诀窍是 VML 属性 arcsize

<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="50%" stroke="f" fillcolor="#ff0000">
    <w:anchorlock/>
    <center>
  <![endif]-->
      <a href="http://"
style="background-color:#ff0000;border-radius:20px;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;">Click</a>
  <!--[if mso]>
    </center>
  </v:roundrect>
<![endif]--></div>

Source and Generator