Submit button transparency color look different in IE11 browser

  • HeatherWalk
    Asked on November 18, 2016 at 7:13 PM

    Submit button transparency color look different in IE11 browser Image 1 Screenshot 20

     

  • jonathan
    Replied on November 19, 2016 at 12:14 AM

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

    Submit button transparency color look different in IE11 browser Image 1 Screenshot 30

     

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

    It was now supported on the new Edge browser though.

    Submit button transparency color look different in IE11 browser Image 2 Screenshot 41

    --

    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.

     

  • HeatherWalk
    Replied on November 19, 2016 at 2: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

  • Nik_C
    Replied on November 19, 2016 at 5: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!

  • HeatherWalk
    Replied on November 19, 2016 at 7: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

    Thanks

  • jonathan
    Replied on November 19, 2016 at 8: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.

     

  • Kaan JotForm UI Developer
    Replied on January 25, 2017 at 7:11 AM

    Hello,

    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.