I am custom formatting a form and would like to change the size of some radio buttons as well as the text that goes along with them. Is there CSS I can use to help accomplish this?
As far as I know, nothing would work more than something like this:
http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/
I dont think it's a recommended thing though. A lot of CSS stuff like this would be more of a styling that may look different in various browsers, which can make the whole process less valuable as it takes longer to make all the proper exceptions
I change the text next to the radio buttons with this:
/* Radio-button text */
.form-option-label {
font-size: 12px !important;
}
You can change the scaling of the radio buttons with CSS, it looks better if you're just slightly scaling down, scaling up doesn't look so great.
input[type=radio] {
transform: scale(1, 1);
}
1, 1 is normal sized. You can change those values either upward or downward.
CSS transform won't work with IE8 or older browsers, I don't think.