javascript - 如何修改antd design 的自带样式

问题描述

问 题

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.已经百度和查阅了一些相关，但是没有作用，

解决方案

1.覆盖原 class name

2.style

这篇关于javascript - 如何修改antd design 的自带样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！