input checkbox react에서 테두리 변경

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