c# - ASP .net MVC5 - CSS 样式问题 - "@Html.ValidationMessageFor"

Question

我的问题是设置服务器生成的验证消息的样式，填充在消息生成之前显示背景颜色，当填充被移除时，背景颜色不再可见。

我想在代码中添加填充以用于样式目的，但不显示任何内容或背景颜色，因为这是一条验证消息，代码如下:

<div class="validate">@Html.ValidationMessageFor(m => m.Email)</div>

CSS:

.validate {color:#ecf0f1;font-size:.9em;background-color:#e74c3c;padding:10px;}

验证前:

验证出现后会发生什么:

验证前我想要什么:

Answer 1

那是因为 Div 里面有 ValidationMessage 并且在那个 div 上应用了 CSS。

试试这个 CSS:

.validate:not(:empty)
 {
   color:#ecf0f1;
   font-size:.9em;
   background-color:#e74c3c;
   padding:10px;
 }

DEMO FIDDLE