I want to change the background image of check box using css

See more:

CSS

HTML

Hi,

I am having below css and I want to apply background image to check box.

input[type="checkbox"] {
    position:absolute;
    clip: rect(0,0,0,0);
    clip: rect(0 0 0 0);
}


input[type="checkbox"] + label::before {
    content: url("/Style%20Library/Images/cbox.png");
    /* z-index: -999; */
    /* opacity: 1; */
}


input[type="checkbox"]:checked + label::before {
    content: url("/Style%20Library/Images/cbox1.png");

}

But When I am tried to check box it does not allow me.
Please let me what is missing, I am tried it since morning.

Thanks.