Outlook 桌面版（2007 及之后版本）基于老旧的 Word 渲染引擎，不支持 border-radius 等现代 CSS 属性；需通过 VML（Vector Markup Language）实现兼容性圆角按钮，但需注意其对可访问性的潜在影响。

outlook 桌面版（2007 及之后版本）基于老旧的 word 渲染引擎，不支持 `border-radius` 等现代 css 属性；需通过 vml（vector markup language）实现兼容性圆角按钮，但需注意其对可访问性的潜在影响。

在电子邮件开发中，border-radius 是实现视觉友好的圆角按钮最直观的方式，但在 Outlook for Windows（2007–2021）中完全无效——因其底层使用 Microsoft Word 的 HTML 渲染引擎，该引擎自 2007 年起未实质性更新，对 CSS3 属性（包括 border-radius、box-shadow、flexbox 等）均无原生支持。

直接为 或

Outlook Add-in

Outlook 侧边栏加载项，将您的 OpenClaw 智能体的全部能力带入 Microsoft Outlook。可针对任意邮件与智能体进行对话，调用您所有的工具……

下载

添加 border-radius: 5px（如你示例中的写法）在 Outlook 中会被彻底忽略，导致按钮呈现为直角矩形（即“返回结果”图所示），而其他主流客户端（Gmail、Apple Mail、Outlook.com）则能正常渲染。

✅ 可靠解决方案：VML 圆角按钮
VML 是一种微软专有矢量图形标记语言，虽已过时，但仍是 Outlook 桌面版唯一支持的“伪圆角”实现方式。核心思路是：用 VML 绘制带圆角的背景容器，并将文字链接置于其中，同时为非-Outlook 客户端保留标准 HTML/CSS 回退。

以下是一个生产就绪的兼容代码片段（已精简并注释关键逻辑）：

<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:40px;v-text-anchor:middle;width:160px;" arcsize="15%" strokecolor="#df0024" fillcolor="#FFFFFF">
  <w:anchorlock/>
  <center style="color:#df0024;font-family:Arial,sans-serif;font-size:18px;font-weight:normal;">GET STARTED</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]><!-->

GET STARTED

? 关键说明：