如何使验证摘要显示红色文本,使项目符号不显示

本文关键字:显示 项目 符号 文本 红色 何使 验证 | 更新日期: 2023-09-27 18:07:56

只是一个快速的问题,我想使项目符号不显示在我的验证摘要,我也想使文本红色。我只是想知道如何做到这一点,请检查下面我的代码。

<div class="help-block col-md-12" style="list-style-type:none">
@Html.ValidationSummary(true)
</div>

如何使验证摘要显示红色文本,使项目符号不显示

像这样更改ValidationSummary扩展方法的调用:

@Html.ValidationSummary(true, "", new { @class = "custom-validation-summary" })

它将添加css类custom-validation-summary到表示摘要的渲染html元素,然后您可以使用css:

更改外观。
<style>
.custom-validation-summary ul {
   list-style-type:none;
   color: red;
   padding: 0;
}
</style> 

这里是简单的MVC提琴https://dotnetfiddle.net/wTZbmb