如何修改Office Add-in的背景颜色？Excel插件背景异常求助

• 通过CSS强制覆盖默认样式
  直接在Add-in的CSS文件中添加以下代码，自定义背景颜色：

  .office-addin-taskpane, .ms-Fabric {
      background-color: #ffffff !important; /* 替换为你需要的十六进制颜色值 */
  }
  

  使用!important确保样式优先级高于默认样式，解决背景异常问题。

• 配置Manifest文件支持主题自定义
  在Add-in的manifest.xml中添加主题相关配置，允许自定义背景适配：

  <VersionOverrides xmlns="http://schemas.microsoft.com/office/taskpaneappversionoverrides" xsi:type="VersionOverridesV1_0">
    <Hosts>
      <Host xsi:type="Workbook">
        <DesktopFormFactor>
          <ExtensionPoint xsi:type="Taskpane">
            <TaskpaneId>TaskPaneID1</TaskpaneId>
            <SourceLocation resid="Taskpane.Url" />
            <SupportsThemeOverride>true</SupportsThemeOverride>
          </ExtensionPoint>
        </DesktopFormFactor>
      </Host>
    </Hosts>
  </VersionOverrides>
  

  开启SupportsThemeOverride后，可在前端代码中监听Office主题变更，或直接固定背景色。

• 开发者工具定位异常元素
  按下F12打开Add-in的浏览器开发者工具，定位到背景异常的容器元素，查看当前生效的样式规则，针对性编写CSS覆盖：

  /* 示例：根据实际元素ID修改 */
  #taskpane-wrapper {
      background-color: #f0f0f0;
  }
  

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