Model client validation css styles not work well with @Html.EditorFor

[Ethan-oss-dot]

Describe the bug

If use @Html.EditorFor with the expression for a property, client-side validation will display error message with wrong css style.

The class attribute has no value

To Reproduce

@for (var i = 0; i < Model.TestChildModels.Count; i++)
    {
        @Html.EditorFor(model => model.TestChildModels[i])
    }

EditorTemplate/TestChildModel.cshtml

@model TestChildModel

<div class="row">
    <div class="col-4">
        <input asp-for="Id" />
        <span asp-validation-for="Id" class="text-danger"></span>
    </div>
    <div class="col-4">
        <input asp-for="Name" />
        <span asp-validation-for="Name" class="text-danger"></span>
    </div>
    <div class="col-4">
        <input asp-for="Count" />
        <span asp-validation-for="Count" class="text-danger"></span>
    </div>
</div>

The workaround I am using now

add following code snippet in site.css

span.field-validation-error span {
    color: red;
}

Further technical details

• ASP.NET Core version 5.0

Thanks for contacting us.
We're moving this issue to the Next sprint planning milestone for future evaluation / consideration. We will evaluate the request when we are planning the work for the next milestone. To learn more about what to expect next and how this issue will be handled you can read more about our triage process here.

We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.