How to Customize Submit Button with CSS

  • Profile Image
    infinitepixelmedia
    Asked 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; }

  • Profile Image
    Jeanette
    Answered 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