HTML

<input type='checkBox' name='thing' value='valuable' id="thing"/><label for="thing"></label>

CSS

input[type=checkBox] {
    display:none;
}

input[type=checkBox] + label {
    background: #999;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}

input[type=checkBox]:checked + label {
    background: #0080FF;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}

检查这个更多http://css-tricks.com/the-checkbox-hack/,

https://gist.github.com/592332