React修改Antd组件样式的方法

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

image.png

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

image.png

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

image.png

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

image.png