react里修改antd样式

黑暗森林DF
  • 35

想在react里修改antd样式,试了好几种方法都没有效果
比如我想修改 Radio.Button 点击选中的样式,变成粉色,左边框变粗,

 <Radio.Group buttonStyle="solid">
     <Radio.Button value="a">Hangzhou</Radio.Button>
     <Radio.Button value="b">Shanghai</Radio.Button>
</Radio.Group>
方法一
引用less样式文件
在组件里 import './index.less,但是样式没有生效
方法二
className
import style from './index.less'
<div className={style.newStyle}></div>
这种方法只能修改简单样式,稍微复杂没有效果
方法三
className
import classnamefrom 'classnames
<div className={style.newStyle}></div>
同样修改不了复杂的

请问有什么好的方法能修改,能具体举个例子吗

回复
阅读 2.4k
2 个回答
✓ 已被采纳

:global(组件样式名)来修改

直接覆盖掉 antd 组件上的 class

你知道吗?

宣传栏