React 通过css modules方式局部修改antdesign组件样式。

实现局部修改antdesign组件样式主要核心就是使用global

1.可以在项目中建一个文件夹专门存放样式，新建一个table.module.scss。

2.在table.module.scss中加入一下代码

.tag{
  :global{
      .ant-tag{
        background-color:#87d068 ;
        color: #fff;
      }
      .ant-tag:hover {
        opacity: 0.7;
       }
  }
}

tag是我自己命名的样式，ant-tag是ant-design中的样式。

3.引入样式。

在需要的页面引入

import styles from "../../styles/modules/table.module.scss"

完结—