如何在蚂蚁设计中更改单选按钮的颜色？

Question

我正在使用antd收音机和复选框。我想给他们定制颜色。我找到了有关复选框的答案，但找不到更改单选按钮颜色的方法。

有什么办法吗？

Answer 1

您可以通过覆盖以下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 ;
}

第一个块负责为收音机中点周围的圆圈着色。您可以忽略！important规则，但是必须覆盖：focus选择器，例如：

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

第二个块将所选电台中间的点涂上颜色。悬停时最后一个色环。我不太确定为什么ant-radio-inner应该放在radio：hover内部，但是对我有用。