How to increase the checkbox size?

how to increase the checkbox size?

is it possible to increase the checkbox and radio button size?

you will need to use css for this!

HTML:

<form action=“./”>
<input type=“checkbox” class=“largerCheckbox” name=“checkBox”>
</form>

CSS:

<style type=“text/css”>
<!–
input.largerCheckbox
{
width: 30px;
height: 30px;
}
//–>
</style>

This is a CSS question not a PHP question, also while on the topic you can’t change the default size for the checkbox and radio buttons in some browsers which includes IE.

Thank you for the answer, ok

we can use image for the checkbox instead of the default size.




<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(".CheckBoxClass").change(function(){
		if($(this).is(":checked")){
			$(this).next("label").addClass("LabelSelected");
		}else{
			$(this).next("label").removeClass("LabelSelected");
		}
	});
});
</script>

<style>
	.CheckBoxClass{
		display: none;
	}
.LabelSelected{
	border: 1px dotted black;
}
</style>
</head>
<body>
	<input id="CheckBox1" type="checkbox" class="CheckBoxClass">
	<label id="Label1" for="CheckBox1" class="CheckBoxLabelClass">Customize Checkbox 1</label>
</body>
</html>


http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/