react里修改antd样式

Question

想在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>
同样修改不了复杂的

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

Answer 1

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

Answer 2

直接覆盖掉 antd 组件上的 class