更改 ant design 折叠内容和页眉文本颜色

Question

如何更改标题的文本颜色以及ant-collapse-content 的内容。我正在使用Styled 为AntCollapse 设置样式，这是我的代码：

const StyledCollapse = styled(AntCollapse)`
  &&& {
    border: none;
    border-radius: 0px;
    box-shadow: none;  
    background: #0e0304;
  }
  .ant-collapse-content {
    fontSize: 25px;
    color: #fff;
  }
  .ant-collapse-header {
    fontSize: 25px;
    color: #fff;
  }
`;

我尝试将 :global 用于 content 和 header，但效果不佳。

Answer 1

尝试：

const StyledCollapse = styled(AntCollapse)`
  &&& {
    border: none;
    border-radius: 0px;
    box-shadow: none;  
    background: #0e0304;
  }
  &.ant-collapse-content {
    fontSize: 25px;
    color: #fff;
  }
  &.ant-collapse-header {
    fontSize: 25px;
    color: #fff;
  }
`;