I’m working on a fairly boxy design for a website, and have a page with not much on it except 3 checkboxes, descriptions of the options and a submit button. Everything looked great except the 3 checkboxes – they were far too small and did not match the rest of the page design. I tried adding a style=”width: 20px; height: 20px;” to the input decleration and ho-boy, I’ve got big checkboxes! The height of the checkboxes now matches the height of the description container. I had never thought that you could change the size of those things at all, but you can with CSS. Works for radio buttons too. Read on for examples…
By Adding style=”width: 15px; height: 15px” to the definition
Also works for radio buttons:
It would take some more styling to make the text center against the checkbox, but that shouldn’t be too hard. I’ve not yet tried using a percentage value for the width/height – someone let me know if that works too.