Change color of highlighted textbox when using the jQuery validation plugin?

Question

I just tried out the jQuery Validation Plugin and when I click in a textbox it gets highlighted with a brownish/beige color, how can I change this to another color?

http://docs.jquery.com/Plugins/Validation#Validate_forms_like_you.27ve_never_been_validating_before.21

Thanks in advance.

Yi Jiang · Accepted Answer · 2010-09-10 07:40:02Z

2

I don't believe that the outline is applied by the plugin. The light yellow color on focused inputs is part of Chrome's default stylesheet. If you want to remove the outline, use this CSS rule:

input:focus {
    outline: 0;
}

The syntax for this is the same as that for the border property. However, you should still try to give focused elements some sort of highlighting, for accessibility.

edited Sep 10, 2010 at 7:40

answered Sep 10, 2010 at 7:34

Yi Jiang

50.2k16 gold badges139 silver badges137 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tim Over a year ago

The validation plugin itself applies no css-rules or provides classes.

Peter Over a year ago

thanks, I'm not an avid user of chrome so I never thought about it.

Collectives™ on Stack Overflow

Change color of highlighted textbox when using the jQuery validation plugin?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related