更改复选框的颜色边框

<input type="checkbox" class="custom-checkbox">

.custom-checkbox {
  /* 设置复选框的边框颜色 */
  border-color: red;
  
  /* 设置复选框选中状态的背景颜色 */
  background-color: blue;
  
  /* 设置复选框未选中状态的背景颜色 */
  /* 这里可以使用透明度来实现无背景色效果 */
  background-color: rgba(0, 0, 0, 0);
  
  /* 设置复选框的大小 */
  width: 20px;
  height: 20px;
}