如何在SPFX Adaptive Card Extension中移除SharePoint左上角Logo

可行解决方案 #

Adaptive Card的左上角SharePoint Logo属于宿主（SharePoint）注入的UI元素，并非卡片自身配置项，需根据嵌入场景针对性处理：

1. SharePoint Framework (SPFx) WebPart嵌入场景 #

在SPFx WebPart的样式文件（*.module.scss）中添加自定义样式隐藏Logo：

// 基础样式
.ms-cardHeader-logo {
    display: none !important;
}

// 若样式无法穿透，使用::deep伪类（React+SPFx场景）
::deep .ms-cardHeader-logo {
    display: none !important;
}

2. 原生SharePoint页面嵌入场景 #

通过页面自定义脚本注入CSS隐藏Logo：

• 经典页面：添加「Script Editor」WebPart，注入以下代码
• 现代页面：需管理员开启自定义脚本权限后，通过「Embed」WebPart注入代码

.ms-cardHeader-logo {
    display: none;
}

3. Microsoft Graph/API发送卡片场景 #

目前无API参数可直接控制隐藏Logo，仍需通过前端样式覆盖实现。

注意事项 #

SharePoint版本更新可能变更CSS类名，需测试验证样式有效性；样式覆盖是当前唯一可行的非官方方案，无标准Adaptive Card配置项支持该需求。

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