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

    Need to change default color of checkmark in form

    Asked by Masalamedia on April 27, 2017 at 06:01 PM

    I've poked and searched but cannot figure out where the CSS is for the check mark default (grey) or selected (green) on this form.

    Can you point me to the right tag?

    Page URL:

  • Profile Image
    JotForm Support

    Answered by Mike_G on April 27, 2017 at 11:34 PM

    To change the color of the default checkmark (gray) you can use the CSS codes below. You just need to update the color (#FFA07A) to your preferred color.

    /* not selected */

    .form-checkbox-item:not(#foo) label:after {

        background-color: #FFA07A !important;

        box-shadow: 0 3px 0 0 #FFA07A, 3px 3px 0 0 #FFA07A, 6px 3px 0 0 #FFA07A, 8px 3px 0 0 #FFA07A !important;


    Same with the color of the checkmark when the option is selected, you just need to update the color (#FF4500) in the CSS codes below to the color of your choice.

    /* selected */

    .form-checkbox-item:not(#foo) input:checked + label:after {

        background-color: #FF4500 !important;

        box-shadow: 0 3px 0 0 #FF4500, 3px 3px 0 0 #FF4500, 6px 3px 0 0 #FF4500, 8px 3px 0 0 #FF4500 !important;


    Result of the CSS codes above:

    I hope this helps. If you have any further questions or concerns, please do not hesitate to get back to us and we will be glad to help you.

    Thank you.

  • Profile Image

    Answered by Masalamedia on April 28, 2017 at 12:46 AM

    Thank you! That is exactly what I needed.