javascript - Styling checkbox as square - Stack Overflow

admin管理员组

文章数量:1431516

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 /

border-radius : 100% 

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

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/1aeur58f/125/

border-radius : 100% 

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

• javascript
• css
• checkbox

Share Improve this question Follow asked Mar 6, 2017 at 16:59 aniani 51622 gold badges1212 silver badges3636 bronze badges 5

• 6 Delete border-radius property from .checkboxFour label. – kind user Commented Mar 6, 2017 at 17:01
• It didn't work for me .. But setting it 0 worked .. – ani Commented Mar 6, 2017 at 17:14
• How did I fail to try that.. Played with all the numbers except 0 :( – ani Commented Mar 6, 2017 at 17:17
• I did upvote .. :) – ani Commented Mar 6, 2017 at 17:21
• Hi, something like this lokesh-coder.github.io/pretty-checkbox ? – lokesh-coder Commented Mar 31, 2017 at 17:24

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 1

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

Jsfiddle

Just remove the border radius directives or set

 border-radius : 0;

本文标签： javascriptStyling checkbox as squareStack Overflow