Как установить цвет Antd Divider - PullRequest
Новая
       24

Как установить цвет Antd Divider

0 голосов
/ 23 сентября 2019

Я попытался установить цвет стиля, цвет фона и цвет рамки.Все не работает разделитель по-прежнему с использованием цвета по умолчанию.Какие-нибудь советы?Спасибо за совет. 

import {Divider } from "antd";

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

Ответы [ 2 ]

0 голосов
/ 23 сентября 2019

в основном добавление этого к пользовательским работам CSS 

.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-center::after
{
   border-top: 1px solid red;
}
0 голосов
/ 23 сентября 2019

Вам нужно использовать класс ant-divider, чтобы переопределить цвет для делителя, и он должен быть как 

.ant-divider{
  background-color: red;
}

, или вы можете использовать его как 

<Divider style={{'background-color':'blue'}}/>

, пожалуйста, проверьтеВот рабочий пример Демо

...