Why top border is not showing on Google Chrome?

  • welsweb
    Asked on May 11, 2016 at 9:40 PM

    Firefox and Safari browsers display correctly. However the Chrome browser doesn't display the top border at all of input boxes. Why? And how do I fix that? Nothing found in the forum.

     

    We don't embed our forms - we go directly to the jotform link.

    Jotform Thread 837338 Screenshot
    Page URL: https://form.jotform.com/61164721935961
  • Kevin Support Team Lead
    Replied on May 11, 2016 at 10:35 PM

    I have checked your form and noticed that the top border is showing fine using Google Chrome: 

    Why top border is not showing on Google Chrome? Image 1 Screenshot 20

    However, seems like this can be fixed by injecting this CSS code:

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input{

            border: 1px solid #CCCCCC !important;

    }

    You may also change the border color if you want, follow the steps on the guide below to inject the code to your form: 

    How-to-Inject-Custom-CSS-Codes