+ Start a Discussion
jkcjkc 

Change radio button to a checkbox image

I want to make the radio button into a checkbox image when selected. I applied a css style but it doesn't work. Here's my css code:

input[type="radio"]:checked
    {
        background: url({!URLFOR($Resource.checkbox, 'checkbox.jpg')});
    }
    
    input[type="radio"]:checked+label
    { 
        font-weight: bold; 
        background-color: rgb(153,204,102); 
        
    }

Best Answer chosen by jkc
jkcjkc
Nevermind, solved. For those who have the same problem, this site helps: http://www.hongkiat.com/blog/css3-checkbox-radio/