2015-11-05 43 views
0

即时通讯初学者的MVC,我想样式我的MVC验证我怎么能做到这一点?如何添加样式到MVC查看验证?

<div class="col-md-6"> 
    @Html.ListBoxFor(a => a.QRefIds, new MultiSelectList(ViewBag.QltyRfs, "QReferenceId", "QReferenceCode"), new { Class = "form-control", title = "Select Feeder List", style = "width:575px;height:50px; margin-top:6px;font-size:small;" }) 
    @Html.ValidationMessageFor(a => a.QRefIds) 
</div> 
+1

我相信它输出的类错误跨度(或类似的东西)如果你[检查HTML](http://stackoverflow.com/a/12428374/542 251)你应该能够看到我的意思 – Liam

+0

是的,我会做 – Codeone

+3

'@ Html.ValidationMessageFor()'生成一个''与'class =“field-validation-valid”'或'class =“字段验证错误“,所以你可以使用css风格它的类名称 –

回答

3

的验证辅助生成一串span一类field-validation-error您可以在使用CSS改变:

.field-validation-error { 

    background-color:white; 

    border-radius:4px; 

    border: solid 1px #333; 

    display: block; 

    position: absolute; 

    top:0; right:0; left:0; 

    text-align:right; 

} 

你也可以风格特点input-validation-error当存在对输入验证错误:

.input-validation-error{ background: pink; border: 1px solid red; } 
+0

感谢您的帮助 – Codeone

+0

感谢它的工作 – Codeone