C# 向Blazor（Razor）验证添加类

我知道Blazor的开发还处于起步阶段，但我想知道是否有人找到了将类应用于Blazor（razor）验证消息的方法？下面是一个代码示例

        <EditForm Model="@Employee" OnValidSubmit="@HandleValidSubmit">
        <DataAnnotationsValidator />
        <ValidationSummary />
        <div class="form-group row">
            <label for="lastName" class="col-sm-3">Last Name: </label>
            <div class="col-sm-8">
                <InputText id="lastName" @bind-Value="@Employee.LastName" class="form-control" placeholder="Enter last name" />
                <ValidationMessage For="@(() => Employee.LastName)" />
            </div>
        </div>

姓氏：

---

我希望能够在验证消息中添加文本危险、col-sm-8或其他类。我已经知道我可以使用css使用默认的验证错误类来实现这一点

如上所述，您可以对ValidationMessage组件类进行子类化。。。我会给你们一个更简单的解决方案，因为我不喜欢在我的项目上有一堆类，只是为了稍微改变一下外观

只需使用div包装ValidatorMessage并对其应用类：

<div class="col-sm-8 text-danger">
    <ValidationMessage For="@(() => Employee.LastName)" />
</div>

---

无论如何，ValidationMessage组件所做的（通过代码）是用类“validation message”呈现一个简单的div，因此，如果您对未应用的任何样式有问题，请考虑您可以使用正确的css选择器（可能还有一些！重要的标记…）强制样式。

看起来您无法添加类，但您可以添加样式：

<ValidationMessage
    For="..."
    style="color: #dc3545!important;
           flex: 0 0 66.666667%;
           max-width: 66.666667%;" />

---

您还可以重写文档中的

验证消息

类。

我确实考虑过这一点，但没有尝试过。我想知道如果有空div，是否会在表单中添加不必要的空格？它不是空div，而是包装div。。。无论如何，如果你不加边距或填充，它不会增加任何额外的空间。