What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by max123jot on September 05, 2016 at 01: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)

     

     

     

    Page URL:
    https://www.jotform.com//?formID=62357481923158

    drop drown drop text field radio buttons font color font
  • Profile Image
    JotForm Support

    Answered by Kiran on September 05, 2016 at 02: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:

    Hope this information helps! 

  • Profile Image

    Answered by max123jot on September 05, 2016 at 03: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
    ...
  • Profile Image
    JotForm Support

    Answered by Kiran on September 05, 2016 at 05: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.

    Thank you! 

  • Profile Image

    Answered by max123jot on September 07, 2016 at 10:46 AM
    awsome
    m
    ...