Checkbox 如何在ant设计中更改单选按钮的颜色?

Checkbox 如何在ant设计中更改单选按钮的颜色?,checkbox,radio-button,antd,radio,ant-design-pro,Checkbox,Radio Button,Antd,Radio,Ant Design Pro,我用的是antd收音机和复选框。我想给他们定制颜色。我找到了关于复选框的答案,但没有找到改变单选按钮颜色的方法 有什么方法可以做到这一点吗?您可以通过覆盖以下css类来实现: .ant-radio-checked .ant-radio-inner{ border-color: red !important ; } .ant-radio-checked .ant-radio-inner:after{ background-color: red; } .ant-radio:hover .

我用的是antd收音机和复选框。我想给他们定制颜色。我找到了关于复选框的答案,但没有找到改变单选按钮颜色的方法


有什么方法可以做到这一点吗?

您可以通过覆盖以下css类来实现:

.ant-radio-checked .ant-radio-inner{
  border-color: red !important ;
}

.ant-radio-checked .ant-radio-inner:after{
  background-color: red;
}

.ant-radio:hover .ant-radio-inner {
  border-color: red ;
}
第一个块负责给收音机中圆点周围的圆圈上色。你可以忽略!重要规则,但您必须覆盖:焦点选择器,如:

.ant-radio-checked .ant-radio-inner:focus{
  border-color: red;
}

第二块颜色:选择电台中部的点。悬停时的最后一个单色圆圈。我不完全确定为什么ant radio inner应该在radio:hover中,但它对我有效。

您可以通过覆盖以下css类来实现它:

.ant-radio-checked .ant-radio-inner{
  border-color: red !important ;
}

.ant-radio-checked .ant-radio-inner:after{
  background-color: red;
}

.ant-radio:hover .ant-radio-inner {
  border-color: red ;
}
第一个块负责给收音机中圆点周围的圆圈上色。你可以忽略!重要规则,但您必须覆盖:焦点选择器,如:

.ant-radio-checked .ant-radio-inner:focus{
  border-color: red;
}

第二块颜色:选择电台中部的点。悬停时的最后一个单色圆圈。我不完全确定为什么ant radio inner应该在radio:hover中,但它对我很有用。

我们需要在代码中引用类,还是它会被自己拾取。请看我的帖子,看看你是否能帮上忙。我们是否需要在代码中引用该类,否则它将被自己获取。请看我的帖子,看看你是否能帮上忙。