How can I change the size of checkbox?

I was trying to change the size of a checkbox... I have tried it with CSS but failed.please help me out .. I tried the following method...

<input class="checkbox" type="checkbox"/>


.checkbox{
    width:22px;
    height:22px;
}