Perspective Radio Button Style Color

For consistency in your app you should override these variables in the Project Browser | Perspective | Styles | right-click Advanced (I think) and then edit stylesheet.css.

Try adding this:

:root {
	--radio--selected: green;
	--radio--unselected: blue;
}

Then adjust them to give something that looks professionally designed and is consistent with your site theme.

If you are using buttons, dropdowns, sliders, toggles and checkboxes you should look up their definitions too and redefine those to be consistent with your radio buttons.

(This is a summary. For a more detailed explanation see How to change colors of a dropdown box - #2 by Transistor)

1 Like