Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Increasing the size of checkbox in HTML

Tags:

html

Is there any way to increase the size of checkbox in HTML?

like image 202
sumit pandey Avatar asked Nov 23 '11 12:11

sumit pandey


People also ask

How do you increase the size of a check box?

Method 1: The checkbox size can be set by using height and width property. The height property sets the height of checkbox and width property sets the width of the checkbox.

How do I make a square checkbox in HTML?

The <input type="checkbox"> defines a checkbox. The checkbox is shown as a square box that is ticked (checked) when activated. Checkboxes are used to let a user select one or more options of a limited number of choices. Tip: Always add the <label> tag for best accessibility practices!


1 Answers

One way I changed the checkbox size is by scaling it with CSS:

input[type=checkbox] {     transform: scale(2);     -ms-transform: scale(2);     -webkit-transform: scale(2);     padding: 10px; } 
like image 149
Shoaib Chikate Avatar answered Oct 05 '22 16:10

Shoaib Chikate