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 can I customize the border of the check box at the very bottom of the form?

    Asked by tamsyn on April 12, 2016 at 06:09 PM
    How can I customize the border of the check box at the very bottom of the form? I have tried to see if there's a custom CSS label for just the box itself, and can't seem to locate that. In the designer, there is no option for the specific box I selected to change the border. Changing the color only changes the color of the checkmark that appears.
    css checkbox border
  • Profile Image
    JotForm Support

    Answered by Kevin_G on April 12, 2016 at 06:49 PM

    What changes are you trying to apply to the field? 

    This is the code to change the border color of the check box, and you may add other properties not only to change the border color:

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

        border-style: solid;

        border-color: yourcolorhere;

    }

    This CSS code will help you to change the color of the text:

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

        color: yourcolorhere;

    }

    If this does not help, please provide us a bit more about what are you trying to achieve, we will be glad to help you.