Styling the Checkbox - Changing the label color

Question

It almost works, except on the checked state, I can't change the label color.

input[type="checkbox"].custom:checked label {
    color: #fff;    
}

http://jsbin.com/vupow/1/

Answer 1

1. Remove the :before selector
2. You can also just merge the two css entries into one

.

input[type="checkbox"].custom:checked + label {
background: #1c6db5;
color: #ffffff; 
}

jsBin