Styling checkbox as square

Question

I am trying to customize my check box . In the jsfiddle where you can see the customized check box which is circle . I just want to make it a square and I need help to do it . Can someone help me. The fiddle link is http://jsfiddle.net/1aeur58f/125/

border-radius : 100% 

Makes it a circle, how to make it as a square ??

Answer 1

Delete the border-radius: 100px; property from the .checkboxFour label or set it to 0.

Jsfiddle

Answer 2

Just remove the border radius directives or set

 border-radius : 0;