如何设置 Antd Divider 颜色

Question

我尝试过设置样式颜色、背景颜色和边框颜色。一切都不起作用，分隔线仍然使用默认颜色。有小费吗？

import {Divider } from "antd";

<Divider style={{ color: "#d8d8d8" }}>or</Divider>
<Divider style={{ backgroundColor: "#d8d8d8" }}>or</Divider>
<Divider style={{ borderColor: "#d8d8d8" }}>or</Divider>

Answer 1

基本上将其添加到自定义 css 中即可

.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-center::after
{
   border-top: 1px solid red;
}