# Perspective Radio Button Style Color

**URL:** <https://forum.inductiveautomation.com/t/perspective-radio-button-style-color/89478>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 25, 2024, 6:27pm UTC](https://forum.inductiveautomation.com/t/perspective-radio-button-style-color/89478 "2024-04-25T18:27:16Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![amonelath\_douangvong](https://avatars.discourse-cdn.com/v4/letter/a/73ab20/32.png) [@amonelath\_douangvong](https://forum.inductiveautomation.com/u/amonelath_douangvong)\
**Post date:** [April 25, 2024, 6:27pm UTC](https://forum.inductiveautomation.com/t/perspective-radio-button-style-color/89478/1 "2024-04-25T18:27:16Z")

</div>

Is it possible to create a style class to change color of a radio button?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 25, 2024, 6:51pm UTC](https://forum.inductiveautomation.com/t/perspective-radio-button-style-color/89478/2 "2024-04-25T18:51:39Z")

</div>

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:

```python
: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](https://forum.inductiveautomation.com/t/how-to-change-colors-of-a-dropdown-box/89110/2))