Blazor 更改验证默认 CSS 类名称

Question

我正在尝试 Microsoft Blazor，在使用表单和验证时，我停止了如何更改默认情况下将在InputText验证状态中添加的默认 CSS 类。

对于InputText默认情况下有错误时的解释，请使用类“ invalid”我想将此类更改为“ is-invalid”

我需要最佳实践。

谢谢，StackOverflow 社区

Answer 1

任何 HTML 元素（或 InputText）属性（包括类）都可以“单向”绑定到变量或表达式。所以对于你的情况，你可以这样做：

<input type="text" class="@((any_validation_condition)? "error_css_class" : "")" />

或者只是绑定到一个变量并在运行时设置该变量以反映元素的合适显示类。

谢谢