如何设置输入复选框选中箭头的样式？Css

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

.custom-checkbox:checked {
  /* 设置选中时的样式 */
}

.custom-checkbox:checked {
  background-image: url('path/to/arrow-icon.png');
  /* 其他样式属性 */
}

.custom-checkbox:checked {
  background-image: url('path/to/arrow-icon.png');
  background-position: center; /* 调整箭头图标的位置 */
  background-size: 20px; /* 调整箭头图标的大小 */
  background-repeat: no-repeat; /* 禁止图标重复显示 */
  /* 其他样式属性 */
}