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 to Customize Submit Button with CSS

    Asked by infinitepixelmedia on August 19, 2014 at 11:30 AM

    Hello,

     

    I have been trying to inject custom css in my forms and submit buttons but never works on jotform. I even used a css button generator for the code to test things and it just doesnt work.

     

    Am I doing something wrong? This is the code I use

     

     

    .form-submit-button { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#318499; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; text-indent:0; display:inline-block; color:#ffffff; font-family:Arial; font-size:13px; font-weight:bold; font-style:normal; height:40px; line-height:40px; width:116px; text-decoration:none; text-align:center; }.form-submit-button:hover { background-color:#22687a; }.form-submit-button:active { position:relative; top:1px; }

    Submit Button styles Custom CSS Submit Submit Button CSS
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on August 19, 2014 at 12:54 PM

    Here is a guide in order to understand how to customize the Submit button Submit Button CSS & CSS3

    You might not need to inject custom CSS if you take advantage of our Button Style Gallery