Home  >  Q&A  >  body text

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

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

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

巴扎黑巴扎黑2654 days ago282

reply all(5)I'll reply

  • 大家讲道理

    大家讲道理2017-04-10 17:27:29

    1.覆盖原 class name

    2.style

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 17:27:29

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

    reply
    0
  • 巴扎黑

    巴扎黑2017-04-10 17:27:29

    https://ant.design/docs/react...

    官方文档里有说的。

    reply
    0
  • 高洛峰

    高洛峰2017-04-10 17:27:29

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

    reply
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-10 17:27:29

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

    reply
    0
  • Cancelreply