改变input的checkedbox被checked后的颜色

要改变一个input的checkedbox被选中后的颜色，可以使用CSS中的伪类选择器`:checked`和`::before`或`::after`伪元素来实现。以下是一个例子：

HTML代码：

<input type="checkbox" id="myCheckbox">
<label for="myCheckbox">选项</label>

CSS代码：

input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  margin-right: 5px;
}

input[type="checkbox"]:checked + label::before {
  background-color: green;
}

在这个例子中，使用`::before`伪元素来模拟一个checkbox的图标。当`input[type="checkbox"]`被选中时，使用`:checked`伪类选择器来设置`::before`伪元素的背景颜色为绿色。你可以根据自己的需要自定义样式。