如何在 ant ui 中更改卡片组件内的分隔线颜色

Question

我用了ant的卡片组件ui，我改变了背景颜色和里面的文字颜色，但是卡片里面的分隔线颜色没有改变，有没有办法改变颜色卡组件内的分隔线？这是卡片的代码

<div>
        <Card
          title={
            <Title level={5} style={{ color: 'white' }}>
              Avi-Todo - 1
            </Title>}
          bordered={false}
          style={{ width: 600, margin: '10px 0px', background: '#292929', color: 'white' }}
          extra={<Title level={5} style={{ color: 'white' }}>16-April-22 10:25 AM</Title>}>
          <p>{this.props.ptodo}</p>
        </Card>
</div>

这是它的样子

如何更改该卡片组件内的分隔线颜色？

Answer 1

创建一个 css 文件并添加以下内容

.ant-card-head {
  border-bottom: 1px solid #f41d1d;
}

如何在 ant ui 中更改卡片组件内的分隔线颜色

How to change divider color inside the card component in ant ui

antd