How to change the checkbox color on the correct options?

  • Profile Image
    Andrew619
    Asked on September 23, 2025 at 9:03 PM
    now this is working perfectly is it possible to turn the answer box Green when answer is correct?
  • Profile Image
    Raymond JotForm Support
    Replied on September 23, 2025 at 11:57 PM

    Hi Andrew,

    Thanks for reaching out to Jotform Support. We can change the color of the checkboxes of the correct answers using a few CSS codes. Let me walk you through it:

    1. First, copy this code:

    /* change select checkbox bg color - 31359541*/
    #label_input_97_1::after, #label_input_98_3::after, #label_input_101_2::after, #label_input_113_2::after, #label_input_114_1::after, #label_input_115_2::after, #label_input_116_2::after, #label_input_117_2::after, #label_input_118_2::after, #label_input_102_0::after {
      border-color: green;
        background-color: green;
    }
    /* Ends here */

    2. Next, in Form Builder, click on the Paint Roller icon on the right and click on the Styles tab on the Form Designer menu.

    3. Then, scroll down to the Inject Custom CSS box and paste the codes there.

    How to change the checkbox color on the correct options? Image 1 Screenshot 20

    That's it. Feel free to test this cloned demo form or clone it to your account to inspect it further. We also have a guide on How to Inject Custom CSS Codes that you can check out.

    Give it a try and let us know if you need any help.

Your Reply