css自定义checked的样式（背景颜色，勾勾颜色）

html:

<div class="check" onclick="check(this)">
<div>b</div>
<input type="checkbox" name="ck1" checked/>
</div>
<input type="button" value="查看值" onclick="alert(document.getElementsByName('ck1')[0].checked)">

css:

.check{
color:red;
width:13px;
height:13px;
margin:4px;
font-size:16px;
font-family:Marlett;
overflow:hidden;
cursor:default;
display:inline;
background:buttonface;
}
.check div{
margin:-2px 0 0 -1px;
}
.check input{
display:none;
}

js:

function check(ck)
{
ckbox = ck.getElementsByTagName("input")[0];
ckbox.checked = !ckbox.checked;
ck.getElementsByTagName("div")[0].style.color = ckbox.checked ? "red" : "white";
}