Changing the background and font color of the selected item in Button Radios widget

Ok, you should now be able to see the Radio Button control on my form

https://form.jotform.com/61964027280961

Again, I want to change the background and font color for the selected button.

First, you need to specify the Theme color you'll use for the Button Radios.

 This will determine the color of the small up arrow at the bottom of the button. This is actually an image file.

Now, go to the custom CSS tab inside the widget and use paste this code:

.radios.blue input.checkedButtonRadio + label {
color: white !important;
background: green !important;
}

As you can see, blue is the theme color which is why there is a .radios.blue in the selector. If you choose a red theme color then it should be .radios.red. The color value is the text color and the background is the background color of the button.

Here's the result:

Hope that helps. Thank you.