Search.../

Radio Button Group CSS Classes

Note: This feature is only available to Wix Studio users.

You can use the classes listed below to style your RadioButtonGroup elements with CSS.

For more information on styling your elements with CSS, see Styling Elements with CSS and the MDN CSS reference docs.

Important: Element structure and undocumented class names may change without advance warning. To avoid unintended style changes to your site, select elements with the documented class names only.

.radio-button-group

Targets radio button group elements. For example:

.radio-button-group {
display: block;
position: relative;
padding-left: 50px;
}
css | Copy Code

.radio-button-group__label

Targets radio button group label text. For example:

.radio-button-group__label {
font-family: sans-serif;
font-weight: 700;
text-transform: lowercase;
color: black;
}
css | Copy Code

.radio-button-group__option

Targets radio button group options. For example:

.radio-button-group__option {
fill: #FF0000;
}
css | Copy Code

.radio-button-group__input

Targets radio button group input boxes. For example:

.radio-button-group__input {
border: none;
border-bottom: 2px solid #840292;
background-color: #dfd2f4;
font-family: monospace;
}
css | Copy Code

Was this helpful?