How to remove checkbox border in css

How to remove checkbox border and background color using CSS?

label input[id="cb1"] {
  width: 14px;
  height: 14px;
  border: none;
  border-radius: 0px;
  cursor: pointer;
}

label input[id="cb1"]:checked:after {
  border: none;
}

<label for="cb1"><input type="checkbox" id="cb1"></label>

Demo: https://stackblitz.com/edit/angular-ivy-qq69mq?file=src%2Fapp%2Fapp.component.css