将它们放在一边(在html结构中)并使用相邻的兄弟选择器+
像这样的东西
HTML
<input type="checkbox" id="box1" />
<label for="box1">checkbox #1</label>
Run Code Online (Sandbox Code Playgroud)
CSS
input[type="checkbox"]{
position:absolute;
visibility:hidden;
z-index:-1;
}
input[type="checkbox"]:checked + label{
color:red;
}
Run Code Online (Sandbox Code Playgroud)
您可以根据需要设置标签样式(第2条规则)..
演示http://jsfiddle.net/kb67J/1/