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

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

我创建了一个自定义折叠，通过使用样式化组件对其进行样式化。我瞄准了

Collapse.Panel

，设置了背景色，但没有任何改变

我甚至创建了一个

body

元素，并将其放置在折叠元素的内部，然后围绕其余元素设置背景色

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

我在这里创建了一个沙箱来更好地展示我的意思。有什么帮助/建议吗

---

尝试覆盖css类

。ant collapse内容

检查：

constyledcollapse=styled（AntCollapse.Panel）`
&&& {
边界：无；
边界半径：0px；
背景色：#f7f7f7；
盒影：无；
}
.蚂蚁折叠内容{
背景：淡绿色；
}
`;