Change selection border color on selected radio button with image.

Here is the form url: http://form.jotformeu.com/form/51331740

I would like to have the border of the selection change color.

Example:

Hi,

That's possible. Inject the following CSS codes to your form. That should make it look like in your screenshot. If you like it, I have also included the CSS to remove the radio buttons so only images will be seen.

.form-radio:checked + label {

  border: 4px solid #F00;

  display: block;

}

.form-radio {

  visibility: hidden;

}

Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

Result:

By the way, we also have widgets that is designed for that purpose. You can use any of the following.

http://widgets.jotform.com/widget/image_picker

http://widgets.jotform.com/widget/image_radio_buttons

Hope these helps!

Thank you so much, you are the best.