CSS Error

Hello. Congratulations for the great plugin. I am trying to customize get_error_CSS? There is a 1px solid red border at the moment I would like to have it changed to suit my website´s style.

As I inspect the CSS, I find this line which I modify with no problem:

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    border: 4px solid #fff; 
}

To the exception of the “button” input, this is the line that controls my input fields.

A user now tries to send a form with some of the inputs empty. The form then draws a “border: 1px solid red;” for the elements described. Then I try to achieve different results by using the pseudoclass :invalid and make that 4px border black instead of white.

input.text:invalid, input.title:invalid, input[type=email]:invalid, input[type=password]:invalid, input[type=tel]:invalid, input[type=text]:invalid, select:invalid, textarea:invalid {
    border: 4px solid #000; 
}

Nothing happens.

I have also appended !important with the same negative results.

How can this be achieved?

Regards

• This topic was modified 7 years ago by mulenguex.
• This topic was modified 7 years ago by mulenguex.