# Radio button color \[RESOLVED\]
**URL:** https://community.gravityforms.com/t/radio-button-color-resolved/10716
**Category:** Get Help
**Tags:** css, radio-buttons, label, selected, background
**Created:** [September 9, 2021, 6:06pm UTC](https://community.gravityforms.com/t/radio-button-color-resolved/10716 "2021-09-09T18:06:27Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@olgaboca](https://community.gravityforms.com/u/olgaboca)
#### Post date: [September 9, 2021, 6:06pm UTC](https://community.gravityforms.com/t/radio-button-color-resolved/10716/1 "2021-09-09T18:06:27Z")
Hello,
I am trying to change the radio button background color on selection: [https://snipboard.io/6tIR2M.jpg](https://snipboard.io/6tIR2M.jpg)
I can’t seem to find the already existing topic in the form.
Hope you can help,
Olga
---
### Author:  [@chrishajer](https://community.gravityforms.com/u/chrishajer)
#### Post date: [September 9, 2021, 11:51pm UTC](https://community.gravityforms.com/t/radio-button-color-resolved/10716/2 "2021-09-09T23:51:27Z")
Can you share a link to the page on your site where we can see the form? Thank you.
---
### Author:  [@olgaboca](https://community.gravityforms.com/u/olgaboca)
#### Post date: [September 12, 2021, 4:32pm UTC](https://community.gravityforms.com/t/radio-button-color-resolved/10716/3 "2021-09-12T16:32:55Z")
Hi Chris,
Sorry for the delay. Here is the website staging [https://lilianstage.wpengine.com/](https://lilianstage.wpengine.com/)
Thank you,
Olga
---
### Author:  [@chrishajer](https://community.gravityforms.com/u/chrishajer)
#### Post date: [September 13, 2021, 10:19pm UTC](https://community.gravityforms.com/t/radio-button-color-resolved/10716/4 "2021-09-13T22:19:49Z")
Radio buttons are browser elements and are notoriously difficult to style. Here’s a discussion:
>
That said, I was able to apply some styling to the element on your page using `hue-rotate` or `greyscale`: [firefox bebBg5Kln2.png - Droplr](https://share.gravityfor.ms/tBeppe)
```auto
div.gfield_radio input[type="radio"]:checked {
filter: grayscale(1);
}
```
This worked to change to other colors: [firefox tdR5QNtq0z.png - Droplr](https://share.gravityfor.ms/czWhLP)
```auto
div.gfield_radio input[type="radio"]:checked {
filter: hue-rotate(90deg); /* from 0deg to 360deg)
}
```
---
### Author:  [@olgaboca](https://community.gravityforms.com/u/olgaboca)
#### Post date: [September 15, 2021, 4:26pm UTC](https://community.gravityforms.com/t/radio-button-color-resolved/10716/5 "2021-09-15T16:26:01Z")
Thank you Chris, It’s working 🙂
---
### Author:  [@chrishajer](https://community.gravityforms.com/u/chrishajer)
#### Post date: [September 15, 2021, 7:01pm UTC](https://community.gravityforms.com/t/radio-button-color-resolved/10716/6 "2021-09-15T19:01:07Z")