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 vote241 views2 answers
Min font-size
CSS
0 vote283 views1 answer
Css apply style to direct children
CSS
0 vote249 views1 answer
Easyui how to change datagrid header height
CSS
0 vote252 views2 answers
Css disabled cursor not allowed
CSS
0 vote244 views1 answer
Mirror text css
CSS
0 vote247 views1 answer
Css not last of type
CSS
20 votes243 views6 answers
Remove bullets from ul
CSS
-2 votes224 views1 answer
Add css dynamically in angular 6
CSS
0 vote247 views1 answer
Tailwind @apply
CSS
-1 vote212 views1 answer
Html flex direction
CSS