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 Style: Custom CSS Code Not working on IE 7

    Asked by felipeaze.fab on June 04, 2013 at 09:12 AM

    Hi!

    The code:

    .form-submit-button{

    background:#0066A2;

    color:white;

    border-style:outset;

    border-color:#0066A2;

    height:50px;

    width:100px;

    font: bold 15px arial,sans-serif;

    }

    It´s no funcion in INTERNET EXPLORER 7

    =(



    This is a re-post of a comment on Submit Button CSS & CSS3

    style height font
  • Profile Image

    Answered by jefreylandicho on June 04, 2013 at 09:14 AM

    Can you please provide us a link to the form so we may further investigate the said issue?

  • Profile Image

    Answered by felipeaze.fab on June 04, 2013 at 10:07 AM
    Hi
    follow: http://form.jotformz.com/form/31485613319657
    2013/6/4 JotForm Support Forum
  • Profile Image

    Answered by pinoytech on June 04, 2013 at 10:31 AM

    @felipeaze.fab

    Can you please take a look at this cloned form if this is what you want to achieved?

    http://www.jotformpro.com/form/31544177847967

    In order to achieve that, you need first to change your button style which currently green button to default submit button then inject the said custom css, you'll see the result.

    If you need furher assistance, do let us know.

    Thank you!

  • Profile Image

    Answered by felipeaze.fab on June 04, 2013 at 11:58 AM
    Yes,
    exactly but I need the form to function in Internet Explorer browser, which
    today could not do in Safari it works normally.
    thank you
    2013/6/4 JotForm Support Forum
  • Profile Image

    Answered by jeanettebmz on June 04, 2013 at 12:29 PM

    I just tested the form on IE7 live emulator, the problem seems to be that you did not change the button style to the standard button as Pinoytech advised to you above

    I made a clone and I also, added !important declaration to your CSS custom code  at the end of each value, in order to force the browser to render the desired effect

    https://cms.jotform.com/uploads/image_upload/image_upload/global/16293_tempo.jpg

     

     

     

    And here it is the enhanced code

    .form-submit-button{

    background-color:#0066A2!important;
    color:#0066A2!important;

    border-style:outset!important;
    border-color:#0066A2!important;
    height:50px!important;
    width:100px!important;
    font: bold 15px arial,sans-serif!important;}

  • Profile Image

    Answered by reciproc8 on November 28, 2013 at 12:19 PM

    The lesson should be:
    Don't use IE

    :)