将复选框样式设置为正方形

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

只需删除边界半径指令或设置

 border-radius : 0;

Answer 2

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

Jsfiddle