Menu
Is there any way to make a radio button bigger using CSS?
If not, how else can I do it?
346
Radiobutton looks better with "transform" than using "width" and "height" and it's much simpler than the other solutions. It actually does not look that bad to me. I tested on IE 11, Chrome and FF and they looked fine. Thanks!
You cannot change the size of the radio button. Typically people will design a custom UI element to replace the UI aspect of the checkbox/radiobutton. Clicking it results in a click on the underlying checkbox/radio button.
Right click on the Radio Button added and click 'Format Control'. In 'Format Controls' dialog box, under 'Control' tab refer to the cell where you want to display the value of the selected Radio Button. In this example, I selected 'G3' cell to display the selected Radio Button.
The text is beside the radio button, not inside it. First, add a <label> element (make sure the for attribute matches the id of the input with which it is associated, this will link them so people will have a bigger click target and screen reader users will know which label belongs with which control).
Try this code:
input[type='radio'] { transform: scale(2); } If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
