Credit Card Number field not displaying correctly with Internet Explorer

  • ACCBO
    Asked on August 7, 2017 at 2:16 PM

    I've had several complaints that the credit card number field is not being displayed correctly on this form https://form.jotform.com/60826191542960 when viewing through Internet Explorer.  I've removed the field and re-added it, but the display error still persists.  

     

     

    Jotform Thread 1217788 Screenshot
  • Kiran Support Team Lead
    Replied on August 7, 2017 at 3:07 PM

    Please inject the following CSS code to the form in order to display the credit card number and Month field correctly in the Internet Explorer.

    .cc_number, .cc_exp_month {

        height: 24px;

    }

    Please get back to us if you need any further assistance. We will be happy to help. 

  • ACCBO
    Replied on August 7, 2017 at 6:30 PM

    Hey Kiran, unfortunately, this did not solve the problem.  The CSS injection did make the fields bigger, but I am still unable to type in these fields.  What do I need to inject so these fields are typable? 

  • ACCBO
    Replied on August 7, 2017 at 6:43 PM
    Hey Kiran, unfortunately, this did not solve the problem. The CSS
    injection did make the fields bigger, but I am still unable to type in
    these fields. What do I need to inject so these fields are typable?
    - Van
    ...
  • Elton Support Team Lead
    Replied on August 7, 2017 at 9:54 PM

    It seems the initial font sizeisn't supportedsupport with IE browser. Inject this CSS to fix the issue.

    #creditCardTable.form-address-table .form-textbox, hr + .form-address-table .form-textbox, #creditCardTable.form-address-table .form-dropdown, hr + .form-address-table .form-dropdown {

        font-size: 14px;

    }

    It should work after that.

    Credit Card Number field not displaying correctly with Internet Explorer Image 1 Screenshot 20