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 等）均无原生支持。
直接为 <a> 或 <td> 添加 border-radius: 5px（如你示例中的写法）在 Outlook 中会被彻底忽略，导致按钮呈现为直角矩形（即“返回结果”图所示），而其他主流客户端（Gmail、Apple Mail、Outlook.com）则能正常渲染。
✅ 可靠解决方案：VML 圆角按钮
VML 是一种微软专有矢量图形标记语言，虽已过时，但仍是 Outlook 桌面版唯一支持的“伪圆角”实现方式。核心思路是：用 VML <v:roundrect> 绘制带圆角的背景容器，并将文字链接置于其中，同时为非-Outlook 客户端保留标准 HTML/CSS 回退。
以下是一个生产就绪的兼容代码片段（已精简并注释关键逻辑）：
Outlook 侧边栏加载项，将您的 OpenClaw 智能体的全部能力带入 Microsoft Outlook。可针对任意邮件与智能体进行对话，调用您所有的工具……
<!--[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]><!-->
<table border="0" cellspacing="0" cellpadding="0" role="presentation">
<tr>
<td align="center" style="padding:10px 25px;background-color:#FFFFFF;border:1px solid #df0024;border-radius:5px;">
<a href="#" style="display:inline-block;color:#df0024;text-decoration:none;font-family:Arial,sans-serif;font-size:18px;">GET STARTED</a>
</td>
</tr>
</table>
<!--<![endif]-->? 关键说明：
- <!--[if mso]> 是 Outlook 专属条件注释，仅被 Outlook 桌面版识别；<![endif]> 关闭该块。
- arcsize="15%" 控制圆角弧度（值越大越圆润，通常 10%–25% 适配常见按钮尺寸）。
- <w:anchorlock/> 确保文字垂直居中，避免偏移。
- 非-Outlook 客户端（<!--[if !mso]><!--）显示标准 <table> + border-radius，兼顾现代体验与语义化结构。
⚠️ 重要注意事项：
- 可访问性风险： VML 元素无法被屏幕阅读器正确解析，且键盘焦点（Tab 导航）通常无法进入 VML 区域。若邮件需满足 WCAG 2.1 AA 标准，建议在 VML 按钮旁添加隐藏文本链接（<span class="sr-only">Get Started</span>）或采用纯图像按钮（含 alt 描述）作为替代方案。
- 维护成本： VML 语法冗长、调试困难，推荐使用成熟工具生成，例如 Campaign Monitor Button Generator 或 MJML（自动注入 VML 回退）。
- 渐进增强原则： 始终以无样式 HTML 为基础设计，确保即使所有样式失效，链接仍可点击、内容仍可读。
总结而言，border-radius 在 Outlook 桌面版的失效并非 bug，而是技术代差的必然结果。拥抱 VML 是当前最广泛验证的兼容策略，但开发者应同步权衡可访问性、维护效率与设计一致性，在「能用」和「好用」之间做出审慎取舍。
