Submit button displaying incorrectly in Internet Explorer

  • jurullc
    Asked on August 12, 2015 at 9:06 AM

    The submit button is not formatted correctly, when it displays on the Internet Explorer screen.

    Please see the screenshot attached.

    Jotform Thread 636247 Screenshot
    Page URL: http://cruzcampbell.com/contactus/
  • Boris
    Replied on August 12, 2015 at 11:05 AM

    I can see the issue, and it seems to be caused by your custom injected CSS. There is a conflict between styles on Internet Explorer when you are setting the height of the button to 20px, while also setting line-height to 20px, and using additional padding in between.

    To fix the issue, please edit your form, go to Setup & Embed > Designer.

    Submit button displaying incorrectly in Internet Explorer Image 1 Screenshot 40

    In the Designer, please open the CSS tab, scroll down to the part where it says:

    }#input_2 {
    height : 20px;
    line-height : 20px;
    font-size : 13px;
    font-weight : 700;

    and remove height : 20px; from that code.

    Submit button displaying incorrectly in Internet Explorer Image 2 Screenshot 51

    Your button will now display correctly on Internet Explorer. Here is how it looks even on an old Internet Explorer 8:

    Submit button displaying incorrectly in Internet Explorer Image 3 Screenshot 62

    Please let us know if you need further assistance.