<分区>
我想对其进行自定义，以便在单击时更改复选框颜色。请引用link and image并建议如何实现这一目标，因为我不确定该怎么做。
下面是复选框的 HTML 代码:
<div id="container">
<div id="btnOuterDIV">
<div id="btnChkbox">
<input type="checkbox" id="btnCB" />
</div>
</div>
</div>
复选框的 CSS，它应该看起来像图片中的那个:
#container {
padding:50px;
}
#btnOuterDIV {
height:30px;
width:80px;
border:1px solid #ccc;
border-radius:5px;
}
#btnOuterDIV:hover {
border-color:#888;
}
#btnChkbox {
height:15px;
width:15px;
padding-top:5px;
padding-left:5px;
}