HowTo: change color of validation messages in ASP.net MVC
If you need to customize the colors (or do more restyling) of validation messages in ASP.net MVC, the following snippet from a discussion on ASP.net forums should be useful:
Add to Content/Site.css:
/* styles for validation helpers */
.field-validation-error {
color: #b94a48;
}.field-validation-valid {
display: none;
}input.input-validation-error {
border: 1px solid #b94a48;
}select.input-validation-error {
border: 1px solid #b94a48;
}input[type="checkbox"].input-validation-error {
border: 0 none;
}.validation-summary-errors {
color: #b94a48;
}.validation-summary-valid {
display: none;
}
Other useful replies from there:
@Html.ValidationSummary(true,"",new {@style= "color: red"})
The method for MVC 5 + Bootstrap is:
@Html.ValidationSummary(true, "", new { @class = "text-danger" })