更改 ModelState.AddModelError 消息的字体颜色

Question

Consider this bit of .NET Core goodness. If you have an error with the state of the model you can just:

ModelState.AddModelError(string.Empty,
"Invalid login attempt.");

The only issue is the formatting of the message is not so nice and the red color doesn't work for my UI.

Is there a way to simply change the message color?

I have tried

ModelState.AddModelError(string.Empty,
"<style='color:black'><strong>Invalid login attempt.<strong></style>");

but that did not have the desired result.

Answer 1

Take a look at the examples here .

If you use the Html.ValidationMessageFor tag helper in your view, you will get HTML like the following example (from the above link):

<span class="field-validation-error" data-valmsg-for="Email"
            data-valmsg-replace="true">
   The Email Address field is required.
</span>

Then all you need to do is add styles for the class "field-validation-error" in your CSS file.