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 vote186 views1 answer
Css fadeIn opacity transition
CSS
10 votes157 views6 answers
Css hover change another element
CSS
17 votes144 views2 answers
Css horizontal gradient background color
CSS
0 vote161 views1 answer
Css pagedList
CSS
1 vote202 views1 answer
Pixel to inches
CSS
0 vote172 views2 answers
Svg as background css
CSS
0 vote148 views1 answer
Sass immediate child
CSS
0 vote143 views1 answer
What is a trailling widget in flutter
CSS
0 vote150 views1 answer
Flex direction tailwind
CSS
25 votes170 views4 answers
Text shadow effect
CSS