如何删除antd中的默认填充

Question

我创建了可折叠的侧边栏。在侧边栏的内容自动采用蚂蚁设计填充值（16px）在顶部，右侧，底部和左侧。我需要删除这个自动填充

 render() {
return (
  <div className="common-coll-bar">
    <Collapse >
      <Panel header="Present Staffs" style={customPanelStyle}>
        <p style={{ height: 550, color: '#131D43', background: '#607B7E', padding: 0 , margin: 0 }}> {text}</p>
      </Panel>

    </Collapse>
  </div>
);

}

你能帮助我吗？

Answer 1

您必须手动覆盖样式。

您可以向面板添加自定义类：

 <Panel header="This is panel header 1" key="1" className="custom">

并减少添加：

.custom {
  .ant-collapse-content-box {
    padding: 0;
   }
}

https://codepen.io/kossel/pen/gooQqv