SMTP发送邮件时添加带onclick事件的按钮及后端生成失效问题

这是邮件开发里超常见的坑——几乎所有主流邮件客户端（比如Gmail、Outlook、Apple Mail）都会主动过滤掉所有内联JavaScript事件，包括onclick属性。这是出于安全考量，防止恶意脚本通过邮件执行，保护用户安全。所以你的按钮能正常显示样式和文本，但onclick被直接移除了，这不是代码写错了，是邮件客户端的安全机制在起作用。

正确的替代方案：用标签模拟按钮 #

邮件里要实现跳转功能，最可靠的方式是使用<a>链接标签，然后通过内联CSS把它样式化成按钮的样子，这是邮件开发的标准做法。把你原来的代码换成下面这种：

<a href="https://www.test.com/" style="background-color: #00a948; padding: 9px 20px; color: #fff; border: none; border-radius: 50px; text-decoration: none; display: inline-block;">test</a>

几个关键注意点： #

• 必须用内联CSS：大部分邮件客户端不支持外部样式表或<style>标签里的样式，所有样式都要写在style属性里；
• 去掉text-decoration：链接默认有下划线，加上text-decoration: none才能看起来像按钮；
• 添加display: inline-block：确保padding等样式能正常生效，因为<a>默认是行内元素；
• 测试兼容性：不同邮件客户端对CSS的支持有差异（比如旧版Outlook可能不支持border-radius），可以用专业邮件测试工具验证显示效果。

内容的提问来源于stack exchange，提问作者Grijan