How to remove the red border for required error and fix the style?

  • Profile Image
    customcolor
    Asked on June 08, 2016 at 01:08 PM

    I used this thread to remove the red boarders from my other fields: https://www.jotform.com/answers/434684-How-to-remove-red-borders-backround-for-required-field-error/?entrymessage=10732640770. However, I have a pull down menu on my form and I am unable to remove the red boarder from that menu. Also, the arrow format messes up when the error occurs in the position field. Any help would be super!

  • Profile Image
    Welvin
    Answered on June 08, 2016 at 02:11 PM

    I've fixed it for you by using the default dropdown style:

    There's a conflict in CSS that is causing the formatting issue when using the custom dropdown style. I will try to find this and let you know.

  • Profile Image
    customcolor
    Answered on June 08, 2016 at 02:13 PM

    Right - but even after changing it to the default dropdown, it still has a red border.

  • Profile Image
    Welvin
    Answered on June 08, 2016 at 02:15 PM

    I've fixed that as well, added the following custom CSS codes:

    .form-line-error input:not(#coupon-input), .form-line-error select, .form-line-error textarea, .form-validation-error {

        border : 1px solid #ccc !important;

        -moz-box-shadow : 0 0 3px #ccc !important;

        -webkit-box-shadow : 0 0 3px #ccc !important;

        box-shadow : 0 0 3px #ccc !important;

    }

     

  • Profile Image
    customcolor
    Answered on June 08, 2016 at 02:16 PM

    YOU ROCK. Thank you so much!!