美文网首页
React修改Antd组件样式的方法

React修改Antd组件样式的方法

作者: RaoMeng | 来源:发表于2018-11-02 10:17 被阅读0次

    1、F12打开调试,选中Elements选项

    image.png

    2、在Elements的元素树中选中相应的Antd组件布局,然后查看右端的css样式表,找到控制组件的css控制器结构。

    image.png

    3、最后在我们自己的css样式文件中修改对应的控制器属性就可以了

    image.png

    4、有一些属性是在antd组件内部通过代码设置的,这种情况下,通过上面那种方法简单的设置css会因为样式被覆盖而不起作用。
    这个时候,我们可以通过在css控制器相应的属性后面添加 !important 来达到强制修改样式的目的


    image.png

    相关文章

      网友评论

          本文标题:React修改Antd组件样式的方法

          本文链接:https://www.haomeiwen.com/subject/hjsqxqtx.html