Radio button color [RESOLVED]


I am trying to change the radio button background color on selection:

I can’t seem to find the already existing topic in the form.

Hope you can help,

Can you share a link to the page on your site where we can see the form? Thank you.

Hi Chris,

Sorry for the delay. Here is the website staging

Thank you,

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

div.gfield_radio input[type="radio"]:checked {
  filter: grayscale(1);

This worked to change to other colors: firefox tdR5QNtq0z.png - Droplr

div.gfield_radio input[type="radio"]:checked {
  filter: hue-rotate(90deg); /* from 0deg to 360deg)

Thank you Chris, It’s working :slight_smile:

1 Like
© 2008 - 2021. Gravity Forms is a project by Rocketgenius Inc.