如何修改antd design 的自带样式

Question

1.在引入 官方的demo后，采用babel能成功引入了antd design的相关组件，发现多了antd design的组件还是很强大的，，但是问题来了，如何才能修改antd design自带的样式呢?哪怕是更改一下背景颜色，官方API 说明里面没有样式修改。求大神help一下下。
2。组件代码如下 ，引入的都是自定义的组件，直接加class或者style是无效的，
个人在思考是否可以通过转化后的来增加。但是这边比较麻烦，求有木有比较实用的办法
const { Slider } = antd;

ReactDOM.render(<div>
<Slider defaultValue={90} />
<Slider range defaultValue={[10, 150]} style="color:red;background:red"/>
<Slider range defaultValue={[20, 50]} disabled />
</div>
, document.getElementById('container'));
3.已经百度和查阅了一些相关，但是没有作用，

Answer 1

1.覆盖原 class name

2.style

Answer 2

主题：https://ant.design/docs/react...

手动覆盖样式：https://pro.ant.design/docs/s...

官方文档里有说的。

Answer 3

在你要修改的标签套一层:global
:global {
.ant-pagination {

display: block;
width: 100%;
text-align: center;

}
}

Answer 4

点击这里，查看官方给出的方法

Answer 5

你的程序入口文件里会importantd的样式入口文件，你可以复制一份这个入口文件，

Answer 6

1.官方提供了2种方式，https://ant.design/docs/react...，不过可以修改的东西有限
2.还有一种更自由的修改方式，利用第三方的包https://github.com/styled-com...
希望对后来者有所帮助。