Styling ASP.NET MVC validation errors?

Question

Can ASP.NET MVC's validation errors be styled? Where? I tried editing .input-validation-error class in Site.css but that didn't have any effect.

pom

Must have had issue when refreshing the page yesterday. Today .input-validation-error class does change the color of the input box with an error. However, changing border thickness doesn't have any effect. — Pompair
– Pompair, Commented May 18, 2011 at 9:33

Tim B James · Accepted Answer · 2011-11-11 09:48:04Z

37

If you style up .field-validation-error then this will change the validation error text messages.

.field-validation-error{ color: red; font-weight: bold; }

If you style up .input-validation-error then this will change the input style when there is a validation error.

.input-validation-error{ background: pink; border: 1px solid red; }

answered May 17, 2011 at 15:54

Tim B James

20.4k4 gold badges77 silver badges108 bronze badges

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

Comments

WonderWorker · Accepted Answer · 2020-01-13 13:33:07Z

1

It sounds like what you are doing is correct, but the css gets cached which means you won't necessarilly see the changes you make.

Once you have edited the css file, press Ctrl + F5 from your browser to reload css.

answered Jan 13, 2020 at 13:33

WonderWorker

9,2025 gold badges70 silver badges75 bronze badges