Resize Radio Permit For Free

Can't be done, the radio button is a built-in control component and as such its size is fixed.

The different RadioButton size are default and small. To reduce the size of the default RadioButton to small, set the cssClass property to e-small .

The style property of the button is used to set its padding, border shape, and color based on whether it is selected or not. If the button is selected, its border width is set to 2.0, and its color is set to green. Otherwise, its border width is set to 0.5, and its color is set to blue.

Old question but now there is a simple solution, compatible with most browsers, which is to use CSS3 . I tested in IE, Firefox and Chrome and it works. Change the value 1.5 , in this case an increment of 50% in size, ing to your needs. If the ratio is very high, it can blur the radio button.

The easiest way to achieve this is by wrapping the Radio without any padding, in a Container and then setting your custom Margin and Padding as(if) required. You should use the RadioListTile widget. It has a property called VisualDensity with which you can define the compactness of the RadioTile.

The different RadioButton size are default and small. To reduce the size of the default RadioButton to small, set the cssClass property to e-small .

Unfortunately you can't change the size of radio buttons.

Setting the border to 0 seems to allow the user to change the size of the button and have the browser render it in that size for eg. the above height: 2em will render the button at twice the line height. This also works for checkboxes ( input[type=checkbox] ). Some browsers render better than others.

Old question but now there is a simple solution, compatible with most browsers, which is to use CSS3 . I tested in IE, Firefox and Chrome and it works. Change the value 1.5 , in this case an increment of 50% in size, ing to your needs. If the ratio is very high, it can blur the radio button.

For example, in the chrome browser, the default size of a radio button is 13px X 13px along with a margin of 3px on each side.