CSS code for the modification of radio button and checkbox

  • Profile Image
    Asked 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 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.