How to change the color of a check box in antd?

Question

import { Checkbox } from 'antd' 

<Checkbox style={{ color: 'red', backgroundColor: 'black' }}>Dr John</Checkbox>

How to change the color of the check box not the label 'Dr John'? The above style only change the styles of the label not the check box?

Answer 1

您可以使用简单的CSS

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: red;
  border-color: red;
}