Created 12/2005; Updated 11/2009

Larger Checkbox with CSS

You can set the height and width of the checkbox, but the results are inconsistent. When originally posted in 2005, it resizes inputs of type checkbox in MSIE6/Windows and Firefox and did not change the size of checkboxes in Safari.

HTML Source

<form action="./">
<input type="checkbox" class="largerCheckbox" name="checkBox">
<input type="checkbox" name="checkBoxNormal">
</form> 

Source Code

<style type="text/css">
<!--
input.largerCheckbox
{
	width: 30px;
	height: 30px;
}
//-->
</style>
blog comments powered by Disqus