egyedi hatter egy gombhoz

new_gist_file

<div>
 <input type="checkbox" name="szeletelve" id="slices">
 <label for="slices">
 Szeletelve kérem
 </label>
 </div>

style.css

#order_right INPUT[type="checkbox"] + label{ 
    display: inline-block;                          
    background: url('../images/order_right_checkbox_off.png') no-repeat center left;    
    padding: 0px 0px 0px 32px;            
    cursor: pointer;
}
   
#order_right INPUT[type="checkbox"]:checked + label {
    background: url('../images/order_right_checkbox_on.png') no-repeat center left;
}