HTML的checkbox元素没有直接的CSS样式属性可以修改选中状态的颜色。但是，你可以使用一些技巧来实现这个效果。

以下是一个基本的例子，它使用了伪元素和label元素：

/* 隐藏原生的checkbox */  
input[type="checkbox"] {  
    display: none;  
}  
/* 创建自定义的checkbox外观 */  
input[type="checkbox"] + label:before {  
    content: "";  
    display: inline-block;  
    width: 20px; /* 宽度 */  
    height: 20px; /* 高度 */  
    background-color: white; /* 默认颜色 */  
    border: 2px solid #000; /* 边框 */  
}  
/* 修改选中时的颜色 */  
input[type="checkbox"]:checked + label:before {  
    background-color: green; /* 选中时的颜色 */  
}  

在使用这份CSS样式时，你需要将 input 和 label 元素放在一起，并确保 label 元素在 input 元素之后，如下所示：

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

注意：由于这种方法实际上隐藏了原生的checkbox，因此可能会影响到屏幕阅读器等一些辅助设备的使用。