input checkbox react에서 ui변경(html과 다름)

input[type="checkbox"] {
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border: 1.5px solid gainsboro;
  border-radius: 50%;
}
input[type="checkbox"]:checked {
  border-color: transparent;
  background-repeat: no-repeat;
  background-color: limegreen;
}