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

0 vote275 views1 answer
Css opacity from 0 to 1
CSS
23 votes300 views5 answers
Center div using flex
CSS
0 vote276 views1 answer
Css grid no stretch
CSS
1 vote276 views1 answer
Show hide item based on display size
CSS
0 vote316 views1 answer
Css template columns and rows
CSS
0 vote300 views1 answer
.quform-sub-label
CSS
0 vote268 views2 answers
Laravel default app.css downloD
CSS
0 vote280 views2 answers
Wp query using the_post
CSS
0 vote304 views1 answer
Responsive font size with clamp
CSS
4 votes297 views1 answer
Grid-area
CSS