Submit button Style: Custom CSS Code Not working on IE 7

  • Profile Image
    felipeaze.fab
    Asked 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 How to Customize the Submit Button with CSS

  • Profile Image
    jefreylandicho
    Answered 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
    felipeaze.fab
    Answered on June 04, 2013 at 10:07 AM
    Hi
    follow: http://form.jotformz.com/form/31485613319657
    2013/6/4 JotForm Support Forum
  • Profile Image
    pinoytech
    Answered 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
    felipeaze.fab
    Answered 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
    jeanettebmz
    Answered 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
    reciproc8
    Answered on November 28, 2013 at 12:19 PM

    The lesson should be:
    Don't use IE

    :)