Microsoft Teams 通知 WebHook CSS 样式配置方法咨询

Microsoft Teams 传入Webhook的消息渲染逻辑会主动过滤所有内部<style>样式块、外部样式引用，仅支持行内样式生效，目前没有直接添加全局自定义CSS的可行方案。

可以通过以下方式实现自定义样式需求：

• 所有样式统一用行内属性实现：Teams目前支持的常用行内样式属性包括color、background-color、font-size、font-weight、font-family、text-align、width、border等，所有样式需求都可以直接写到对应元素的style属性中。如果需要批量给同类元素设置相同样式，可以封装公共工具方法，在生成HTML字符串时自动给目标元素拼接对应的style属性值，比如需要实现表格隔行变色时，遍历生成<tr>标签时动态插入对应的行内背景色样式即可。
• 改用自适应卡片结构发送通知：相比直接发送HTML文本，自适应卡片是Teams官方推荐的富文本消息结构，支持更丰富的样式配置能力，可直接在卡片元素的属性中定义外观、排版，不需要额外编写CSS，渲染稳定性也更高。
• 调整现有发送逻辑：当前代码中设置的textFormat: markdown本身兼容内嵌HTML的行内样式，只要移除所有<style>标签，把样式全部转换为行内属性即可正常渲染。

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