css change size of checkbox code example

Example 1: css resize checkbox

input[type=checkbox] {
    transform: scale(1.5);
}

Example 2: css percent scale checkbox

// to scale checkboxes with the rest of the page use this:
//Note, use width percent, height auto and the scale command inside another div as a ref
<div style="width:100%; height:auto;">
	<input type="checkbox" style="width:20%; height:auto; transform: scale(2.5);">
</div>

Example 3: update checkbox size css

input./*checkbox class name*/ {
  width: /*preferred width*/;
  height: /*preferred height*/;
}

Tags:

Css Example