Change color of tick in ANTD Checkbox

Question

How can I change the color of thing tick inside a checkbox? This is what I have done:

.ant-checkbox-checked .ant-checkbox-inner {
  color: #000000;
  background-color: #008000;
}

.ant-checkbox-checked .ant-checkbox-input {
  color: #000000;
  background-color: #000000;
}

Answer 1

Add this css to your styles:

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