Antd：需要改變折疊體的背景顏色

Question

我在項目中使用了一個樣式化的 Collapse 元素，當折疊打開時，我似乎無法覆蓋實際主體的背景顏色。

我通過使用樣式化組件對其進行樣式設置來創建自定義折疊。 我瞄准了Collapse.Panel並設置了背景顏色，但沒有任何改變。

我什至創建了一個body元素，並將它放在我的折疊元素內，圍繞着我的其余元素，並在其上設置了背景顏色。

當背景顏色出現時，它在我的所有元素周圍放置了一個框，在身體邊緣和我的新背景之間仍然出現白色邊距

我在這里創建了一個沙箱來更好地展示我的意思。 任何幫助/建議？

Answer 1

嘗試覆蓋 css 類.ant-collapse-content檢查示例：

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