antd怎么修改radio组件的按钮颜色

可以通过覆盖Antd的默认样式来修改Radio组件的按钮颜色。具体步骤如下：

在样式文件中定义一个新的颜色变量，比如：

@primary-color: #1890ff;

导入Antd的样式文件，并覆盖默认颜色变量，如下所示：

@import "~antd/dist/antd.css";
@import "./variables.less";

// 覆盖Antd的默认颜色变量
@import "~antd/lib/style/color/colors.less";
@import "~antd/lib/style/themes/default.less";

修改Radio组件的样式，将按钮的颜色设置为新的颜色变量，如下所示：

// 修改Radio组件的样式
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background-color: @primary-color;
  border-color: @primary-color;
  color: #fff;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  background-color: darken(@primary-color, 5%);
  border-color: darken(@primary-color, 5%);
}

以上代码中，将选中的按钮的背景颜色、边框颜色和文字颜色都设置为新的颜色变量。同时，在鼠标悬停时，将按钮的颜色变暗一些。

在使用Radio组件时，设置按钮的value属性为对应的值，如下所示：

<Radio.Group>
  <Radio.Button value="option1">Option 1</Radio.Button>
  <Radio.Button value="option2">Option 2</Radio.Button>
  <Radio.Button value="option3">Option 3</Radio.Button>
</Radio.Group>

通过以上步骤，就可以成功修改Antd的Radio组件的按钮颜色了。