圆角导致IOS设备上的选择框出现样式问题

input[type="checkbox"], input[type="radio"] {
  -webkit-appearance: none;
  border-radius: 4px; /* 自定义圆角样式 */
  /* 其他样式属性 */
}

input[type="checkbox"], input[type="radio"] {
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); /* 添加遮罩层 */
  border-radius: 4px; /* 自定义圆角样式 */
  /* 其他样式属性 */
}

input[type="checkbox"], input[type="radio"] {
  background-image: url('checkbox.png'); /* 使用带有圆角的图片作为背景 */
  background-size: contain; /* 调整背景图片大小 */
  /* 其他样式属性 */
}