Why top border is not showing on Google Chrome?

  • Profile Image
    welsweb
    Asked on May 11, 2016 at 09: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.

  • Profile Image
    Kevin_G
    Answered 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: 

    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