How to make checkboxes rounded?

Question

Is there any way to make checkboxes with rounded corners using bootstrap or some css property?

Answer 1

I thing the best way to make a rounded corners is by using the border-radius property. This site has a nice collection of checkboxes. For example:

cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
top: 0;
border-radius: 10px;

The last line(border-radius: 10px) will give you a checkbox with rounded corners.