red border textfield etc.

  • Profile Image
    cthuaegggh
    Asked on May 25, 2012 at 11:07 AM

    when i click in a textfield etc. and it's not filled out correcty that textfield etc. get a red border.

    how can i get rid of it?

  • Profile Image
    abajan
    Answered on May 25, 2012 at 09:59 PM

    Hi again

    Add the following rule to your injected CSS:

    .form-line-error input {
    border: 1px solid #CCC;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

  • Profile Image
    cthuaegggh
    Answered on May 27, 2012 at 05:38 PM

    hi again thx again abajan,

    injected and edited border to none.

    now the last thing which has got a red corner is the country select (address)

    how can i connect with that?

    have a nice day

  • Profile Image
    abajan
    Answered on May 27, 2012 at 06:31 PM

    Add a border: none; declaration to the .form-validation-error rule, as highlighted below:

    .form-validation-error {
    border: none;
    -moz-box-shadow: none;

    -webkit-box-shadow: none;
    box-shadow: none;
    }

    Add the following rule to also hide the drop down arrow:

    .form-dropdown.form-validation-error {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    }

    Have a nice day as well :)