Remove the yellow border color on input focus

  • Charles
    Asked on September 14, 2019 at 8:30 PM

    How to remove hover color on contact form.

  • Mike_G JotForm Support
    Replied on September 15, 2019 at 1:59 AM

    We will be glad to help you with your concern. However, may we know which form are you referring to, please? Also, please describe in details of your requirements so we may provide you with an accurate solution.

    We will wait for your response.

  • Charles
    Replied on September 15, 2019 at 2:21 AM

    How do I get rid of the yellow border around the text input area

    i want to remove that but don’t know how!!!!! I’m frustrated 


    1568528342C9CA786A 280C 4BB1 9AC4 5A3F25 Screenshot 10


  • Elton Support Team Lead
    Replied on September 15, 2019 at 3:26 AM

    Please try to inject this CSS code to your form, this might fix it.

    .form-textbox, .form-dropdown, .form-textarea{outline:none;}

    .form-line-active input:focus, .form-line-active textarea:focus, .form-line-active select:focus {

        border:1px solid #cecece !important;

    }


    Feel free to change the border color #cecece if it doesn't match with your default input fields border color.

    Guide: How to Inject Custom CSS Codes

    If that doesn't help, please provide your form URL so we can inspect further. Thanks