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

    Submit button transparency color look different in IE11 browser

    Asked by HeatherWalk on November 18, 2016 at 07:13 PM


    Page URL:

  • Profile Image
    JotForm Support

    Answered by jonathan on November 19, 2016 at 12:14 AM

    I was able to see the difference as well when using the IE11 browser.


    Unfortunately, IE browsers does not render correctly transparency gradient color style on its browser.

    It was now supported on the new Edge browser though.


    Alternatively, you can try re-embedding the form on your website using its source code embed. See if the default style will render properly when using the full source code of the form.

    Hope this help. Let us know if issue remains.


  • Profile Image

    Answered by HeatherWalk on November 19, 2016 at 02:32 AM

    Thanks for the suggestion, I did as you said resulting in no change. For now I have injected the following:

    .form-submit-button {

    background : #404040 !important;


    /* Hover submit button background color*/

    .form-submit-button:hover {

    background : #333333 !important;


    This will do just fine.


    Best regards

  • Profile Image
    JotForm Support

    Answered by Nik_C on November 19, 2016 at 05:33 AM

    On behalf of my colleague, you're welcome.

    I'm glad it worked for you!

    Let us know if we can be of any more assistance.

    Thank you!

  • Profile Image

    Answered by HeatherWalk on November 19, 2016 at 07:23 PM

    I must have given the impression the problem is solved, it is not. The css that was injected was a temporary solution until the original inquiry has been solved. To refresh, 're-embedding the form on the website using its source code embeddid not solve the problem


  • Profile Image
    JotForm Support

    Answered by jonathan on November 19, 2016 at 08:40 PM

    We apologize for the confusion. I have now elevated this thread to the next level support

    I believe this is a styling issue that can be fixed only at the back-end.

    We will notify you here once we have update on the status.

    Thank you.


  • Profile Image
    JotForm Developer

    Answered by kaan on January 25, 2017 at 07:11 AM


    This issue caused by incomplete CSS transparency support by IE 11. However vendor prefixed css transparency is available,

    .form-submit-button { background: -ms-linear-gradient(top, #666666 0%, #000000 100%); }
    .form-submit-button:hover { background: -ms-linear-gradient(top, #808080 0%, #1a1a1a 100%); }

    Adding these CSS rules to your form should fix this.

    Thank you.