How to make a large check box in HTML

How to enlarge an input checkbox. Apparently you can set the width and height values, but this only made the area around the checkbox bigger but the checkbox itself remained the same size for me at least. I was looking for a bigger checkbox and after lots of searching and playing around came up with this solution. The hidden field is so that you have a value to pass when your form is submittied and you can change the size of the box using font size and the colour using font colours. try now select a colour and font size from the drop down boxes below and it will change the size/colour of the box.

☑

If you want to use this as a checkbox just copy and paste the code below in the style part add the colour and size you want your check box to be. <style> .chkbx { font-size:30pt; color:blue; } </style> <script> function chgimg(val) { a=document.getElementsByName(val)[0].value; switch (a) { case 'yes': document.getElementById(val).innerHTML = '<input type=hidden value=no name='+val+'>☐'; break; case 'no': document.getElementById(val).innerHTML = '<input type=hidden value=yes name='+val+'> ☑'; break; } } </script> <a href=# id=app onclick="chgimg(this.id)" style="text-decoration:none"><input type=hidden value=yes name=app><font size=20> ☑</font></a>