ASP.Net Core MVC中如何去除asp-validation-summary的错误项目符号?
移除ASP.NET Core MVC中asp-validation-summary的项目符号
嘿,这个问题我之前也踩过坑!其实asp-validation-summary本身并没有提供直接控制项目符号的Tag Helper属性——这就是你在IntelliSense里找不到相关选项的原因。
本质上,这个Tag Helper最终会渲染出一个包含<ul>(无序列表)的结构,项目符号是浏览器给列表元素的默认样式。所以我们只需要用CSS就能轻松去掉它:
方案1:全局移除所有验证摘要的项目符号
直接针对框架生成的默认类名写样式,这样所有页面的验证摘要都会生效:
.validation-summary-errors ul { /* 去掉项目符号 */ list-style-type: none; /* 移除列表默认的左内边距,让排版更整齐 */ padding-left: 0; }
方案2:针对特定验证摘要自定义样式
如果只想修改某个页面或者某个特定的验证摘要,可以给它加个自定义类:
<!-- 给验证摘要添加自定义class --> <div asp-validation-summary="All" class="my-custom-validation"></div>
然后写对应的CSS:
.my-custom-validation ul { list-style-type: none; padding-left: 0; }
不管你用的是asp-validation-summary="All"、ModelOnly还是其他模式,生成的HTML结构里都是用<ul>包裹错误项的,所以上面的样式都能生效。要是遇到样式不生效的情况,检查一下你的CSS是否正确加载,或者有没有被其他更高优先级的样式覆盖(可以用浏览器开发者工具查看元素的样式继承情况)。
内容的提问来源于stack exchange,提问作者Sam
相关产品推荐
相关产品推荐

