CSS for removing border shadow

  • Profile Image
    Asked on June 24, 2013 at 05:23 AM


    I have been tweking the style of the form quite successfully. How ever there are some things I can not change.

    1) I would like to get rid of the border in the hoover state of the captcha. The css overrules the style of the form for the normal state (inactive), how ever when hoovering the captcha, the border apperas although I definde "border:none;" here as well.

    2) I would like to change the images shown with the error messages, as a yellow sign simply does not fit with the all over design of my web page. So is there a way to link other images (designed by myself) to the error messages and the captcha reloud button?

    Please help me to solve these two challenges ;)


  • Profile Image
    Answered on June 24, 2013 at 08:32 AM

    Hi Volker! Thanks for contacting Jotform.

    1.) For your first question, in order to remove the box shadow, please inject this CSS code:


    .form-line-error input,

    .form-line-error textarea, .form-validation-error {

    border: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;}


    2.) I don't think using CSS code can override the image in the validation error message. You can download the form's source code, though, and modify it from there



    Let us know if you need further assistance. Thanks!