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
    JotForm Support

    IE 9 CSS code not working for custom submit buttons

    Asked by EduardoMendez on December 06, 2012 at 03:20 PM

     

    Question from E-mail

    I am testing my website before I go live and I noticed that in IE9, my custom button background is not showing. 
    Please see screenshots. No problem for google chrome and firefox.
    This is the css for my form:
    #input_9, #input_reset_9 {
    cursor: pointer;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    padding: 8px 10px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #222222;
    border: 1px solid #6E0B8D !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #8514A2;
    box-shadow: inset 0px 1px 0px 0px #936594;
    background: #936594;
    background: -moz-linear-gradient(top, #936594 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#936594), color-stop(100%,#000000));
    background: linear-gradient(top, #936594 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf', GradientType=0 );
    }
    Could you kindly check this for me, please?
    Screenshot
    css code problem style size font
  • Profile Image
    JotForm Support

    Answered by idarktech on December 06, 2012 at 04:05 PM

    Hi,

    Injecting the following code should fixed it.

    .form-submit-button{

    filter:none !important;

    }

    Guide: How to Inject Custom CSS Codes to your Form

  • Profile Image

    Answered by guest_23410476508047 on December 07, 2012 at 01:16 AM

    @idarktech  The above problem was posted on my behalf.  Thank you very much for your solution.  The buttons are displaying correctly in IE9 now. Tina

  • Profile Image
    JotForm Support

    Answered by idarktech on December 07, 2012 at 01:19 AM

    Hi Tina,

    Thanks for the updates.

    If you have any other questions or concerns, message us here anytime.

    Cheers!

  • Profile Image

    Answered by Er Prem  on October 27, 2015 at 02:48 AM

    Thanksss  Man!

  • Profile Image
    JotForm Support

    Answered by beril on October 27, 2015 at 08:59 AM

    Hi,

    On behalf of my our colleague, you are kindly welcome. We are very glad to hear that the issue has been resolved for you.

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.