React修改Antd组件样式的方法

4,966 阅读1分钟

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

image.png

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

image.png

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

image.png

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

image.png