如何在 Blazor 中缩小 ValidationMessage 字符串答案

【问题标题】：How to shrink the ValidationMessage string in Blazor如何在 Blazor 中缩小 ValidationMessage 字符串
【发布时间】：2022-01-24 23:59:34
【问题描述】：

我是 blazor 的新手，目前正在从事一个小型项目，我在页面上有很多文本输入字段，这些字段将在提交时进行验证。该页面具有响应性，并且在减小设备屏幕尺寸时会缩小为列格式。几次验证的消息太长，字符串溢出其父 div 元素。有什么好的方法可以解决这个问题，并使字符串分成多行？ Code Code

【问题讨论】：

在您的问题中添加添加验证消息的代码部分。
@AnandSowmithiran 嘿。我添加了上面的代码。
您应该按照 SO 指南添加为文本代码，而不是图像文件。 ValidationMessage 将创建自己的 div 并呈现错误消息。您可以将 HTML 属性作为附加属性传递给内部创建的 div。
@AnandSowmithiran 我会记住这一点，对 SO 来说有点新。那么我应该能够在 ValidationMessage 中使用 Style 吗？如果没有，我如何访问这些属性？
css类名在ValidationMessage代码中是硬编码的[到validation-message]，所以如果你想给它不同的css类名，你需要创建自定义的ValidationMessage，见this跨度>

【解决方案1】：

默认的ValidationMessage 组件会生成一个div 并在渲染时分配css 类“validation-message”。如果您想更改外观和感觉，可以执行以下操作之一：

【讨论】：