如何设置Antd Divider颜色
如何设置Antd Divider颜色
提问于 2019-09-23 16:51:58
我已经尝试设置了样式颜色、背景颜色和边框颜色。所有这些都不起作用，分隔符仍然使用默认颜色。有什么建议吗？
import {Divider } from "antd";
<Divider style={{ color: "#d8d8d8" }}>or</Divider>
<Divider style={{ backgroundColor: "#d8d8d8" }}>or</Divider>
<Divider style={{ borderColor: "#d8d8d8" }}>or</Divider>回答 3
Stack Overflow用户
回答已采纳
发布于 2019-09-23 17:20:31
基本上就是将这个添加到自定义css作品中
.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-center::after
{
border-top: 1px solid red;
}Stack Overflow用户
发布于 2019-09-23 17:09:31
您需要使用ant-divider类覆盖分隔符的颜色，它应该如下所示
.ant-divider{
background-color: red;
}或者你可以像这样使用它
<Divider style={{'background-color':'blue'}}/>请查看此处的工作示例Demo
Stack Overflow用户
发布于 2020-10-13 16:15:35
可以对分隔符组件应用样式。像borderLeft这样的属性应该可以正常工作。
<Divider style={{ borderLeft: '1px solid red' }} />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58058824
复制相关文章
相似问题
腾讯云开发者
