react只在当前组件修改antd样式

872 阅读1分钟

主要是利用 :global {}

  • 引入css
import styles from './index.less'
  • 在标签上使用类名
const someComponents = () => {
    
    return (
        <div className={styles.radioBox}>
            <Radio/>
        </div>
    )
}
  • css文件内容
  • radioBox的作用就是只在把这个改变包起来,只在radioBox内生效
  • 前提:ant-radio-inner这个类是在全局定义的
.radioBox {
  :global {
    .ant-radio-inner {
      border: 1px solid #666 !important;
    }
  }
}