How to Customize Submit Button with CSS

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; }

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