如果我要更改输入类型复选框的背景颜色，是否选中仅使用 CSS？可能与否？

Question

仅更改一行背景颜色类型css

<input type="checkbox" class="HP">

Answer 1

我怀疑这是否可行，需要某种 JavaScript 才能发挥作用。

Answer 2

唯一的方法是在其中分配一个 unicode 内容，然后通过执行以下操作隐藏原始内容。

input {
  height: 20px;
  width: 20px;
  }
  
  
  input[type=checkbox]:checked:after {
  content: "14";  
  height: 20px;
  width:20px;
  color: white;
  text-align: center;
}


input[type=checkbox]:after {
  content: " ";
  background-color: red;
  display: inline-block;
  visibility: visible;
  color: white;
}


input:autofill {
  background: red;
}

input, input:-moz-autofill, input:-moz-autofill-preview {
  filter: none;
}

<input type="checkbox" class="HP">

如果我要更改输入类型复选框的背景颜色，是否选中仅使用 CSS？可能与否？

If i wil change background colour of input type check box is checked use CSS only? it is possible or not?

html

css