ASP .net MVC5 - CSS样式问题 - ＆＃34; @ Html.ValidationMessageFor＆＃34;

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

Answer 2

通过修改课程解决：

.field-validation-error

添加：

{display: inline-block;  width:100%;
color:#ecf0f1;
font-size:.9em;
background-color:#e74c3c;
padding:10px;}