Antd：需要更改折叠主体的背景颜色

Question

我有一个样式化的Collapse元素，我正在项目中使用它，而当折叠打开时，我似乎无法覆盖实际主体的背景颜色。

我通过使用样式化组件样式来创建自定义的折叠。我定位了n并设置了背景颜色，但没有任何改变。

我什至创建了一个Collapse.Panel元素，并将其放在其余元素周围的折叠元素内，并为其设置背景色。

显示背景颜色时，它在我的所有元素周围放置了一个框，在边框边缘和新背景之间仍然出现白色边距

我在这里创建了一个沙箱，以更好地展示我的意思。有任何帮助/建议吗？

Answer 1

尝试覆盖CSS类.ant-collapse-content，检查example：

const StyledCollapse = styled(AntCollapse.Panel)`
  &&& {
    border: none;
    border-radius: 0px;
    background-color: #f7f7f7;
    box-shadow: none;
  }
  .ant-collapse-content {
    background: palegreen;
  }
`;