Resize checkbox

Css resize checkbox

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

Source: stackoverflow.com

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>

Resize checkbox

/* https://developer.mozilla.org/en-US/docs/Web/CSS/zoom */

input[type=checkbox] {
	zoom: 2;
}

Similar codes

2 votes195 views1 answer
Size carousel bootstrap 4
CSS
1 vote337 views1 answer
Use css in cshtml
CSS
1 vote210 views1 answer
Circle css with text in the center
CSS
18 votes152 views2 answers
Hover transition css
CSS
0 vote200 views1 answer
Bootstrap 5 sidebar class
CSS
4 votes264 views2 answers
Transition various properties css
CSS
15 votes187 views2 answers
Linear-gradient
CSS
1 vote180 views1 answer
Why top -10 css?
CSS
0 vote292 views1 answer
Set border only left and right css
CSS
2 votes196 views1 answer
Check if input is empty css
CSS