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

    CSS code for the modification of radio button and checkbox

    Asked by drakeladue on October 29, 2013 at 04:32 PM

    What is the css plug in code to change the size of the check boxes and radio buttons?

  • Profile Image

    Answered by khrisell on October 29, 2013 at 04:43 PM


    Here's the code you need to inject in order to adjust the Form radio button and checkboxes.

    .form-radio, .form-checkbox {
    vertical-align: top;
    margin-top: 2px;
    box-sizing border-box;
    border: 0px;
    width: 100%;
    height: 2em;
    Setting the border to 0 seems to allow you to change the size of the button and have the browser render it in theat size for eg. the above height: 2em will render the button at twice the line height. 
    You can create seperate code for the check-box and radio button rather than what I have provided that combines the two.
    It would be better if you could provide us the form you are currently working on so that we would know further what you are trying to achieve.
    Kindly let us know if this is not the code you are looking form and Please let us know if you need further clarification. 
    We're here to help.
    Thank you for using JotForm.