CSS Issue in two browsers (only), no issue in three other browsers

  • Profile Image
    Asked on January 18, 2013 at 04:53 AM

    I created a form (formID=30141850409143) in JotForm and then downloaded the source code so I could style it more completely than I could online.  In this process, I modified only the CSS in form.css (primarily) and also inline (occationally).  My modified form is online at http://ovationsolutions.com/config_form2/index_config.html.

    The form works perfectly in Internet Explorer, Firefox and Opera browsers.  In Chrome and Safari, the "Submit" button displays "Please wait..." and can not be clicked.

    I obviously created this issue with something I did in the CSS but don't have a clue as to where.  What situation cause "Please waiy ..." to display?  Do you have any thoughts as to where the problem is?

    Thanks very much




  • Profile Image
    Answered on January 18, 2013 at 06:31 AM


    That's probably caused by the "form-submit-button" class on one of your page break button. I would suggest to create another class containing the button class styles and add it to your page break button. That should fixed it.


    .form-submit-button-for-pagebreak {

    color: white;

    font-family: Arial, Helvetica, Verdana, sans-serif;

    font-size: 11px;

    font-weight: bold;

    border: 1px #8AAABC solid;

    background: url(../../images/styles/style5_btn_bg.gif) #9BBED0 top repeat-x;

    padding: 0px 8px;


    And on your page break span, use the new class name.

    <span class="form-submit-button-for-pagebreak" style="margin-left:214px">Next</span>

    That should fixed it. Thanks! =)

  • Profile Image
    Answered on January 19, 2013 at 04:12 AM

  • Profile Image
    Answered on January 19, 2013 at 04:40 AM


    Your latest reply appears to be blank. If that contains an important question, please post it on this thread. http://www.jotform.com/answers/167044-CSS-Issue-in-two-browsers-only-no-issue-in-three-other-browsers