How to change the color of the radio button option when it is selected?

  • max123jot
    Asked on September 5, 2016 at 1:37 PM

    hi

    for the field  Click your status in the sequence of feedback

    now that i am finally getting comfortable with everything jot form does

    is there code to modify the color of the radio buttons when clicked and or the background color or font color of the text field options (to promote salience of the choices the user makes)

     

     

     

  • Kiran Support Team Lead
    Replied on September 5, 2016 at 2:34 PM

    I see that you are using Radio buttons for the field "Click your status in the sequence of feedback". You may change the color of the text when an option is selected from the radio button by injecting the following CSS code:

    #cid_159 input[type=radio]:checked + label {

        color: #f00;

        font-style: normal;

    }

    You may change the color and font-style as per your requirement. By injecting the above CSS code, the options shall be displayed as shown below:

    How to change the color of the radio button option when it is selected? Image 1 Screenshot 20

    Hope this information helps! 

  • max123jot
    Replied on September 5, 2016 at 3:45 PM
    works
    i looked up hex colors
    #f80;
    dark blue but did not effect a change
    can the radio button color also change?
    m
    ...
  • Kiran Support Team Lead
    Replied on September 5, 2016 at 5:15 PM

    #f80 is a color with Orange shade. If you want it to change to Blue color, you may use #00f. 

    For changing the radio button, please try changing the radio button style from the Form Designer. Please see the screencast below that can help you with this.

    How to change the color of the radio button option when it is selected? Image 1 Screenshot 20

    Thank you! 

  • max123jot
    Replied on September 7, 2016 at 10:46 AM
    awsome
    m
    ...