[asp.net-mvc]ASP.Net MVC 的佣工基础 Zurb

标签: html5 Asp.net-MVC
发布时间: 2016/10/6 5:23:09
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有一个问题与 MVC 助手 CheckboxFor。 我发现,生成 HTML 代码创建一个隐藏的字段和对基础 zurb 打破风格。

我在视图上使用此帮助器︰

@Html.CheckBoxFor(model => model.Client.Contact.IsLocked)
@Html.LabelFor(model => model.Client.Contact.IsLocked)

生成的代码就是这种︰

<input data-val="true" data-val-required="The Is Locked field is required." id="Client_IsLocked" name="Client.IsLocked" type="checkbox" value="true"><input name="Client.IsLocked" type="hidden" value="false">
<label or="Client_IsLocked">Is Locked</label>

它看起来的隐藏的字段造成标签不符合复选框。 有何建议?

解决方法 1:

我发现我的问题的答案。 原因是 css 的因为用于复选框和标签的基金会选择器,它没有一个选择器,包括隐藏的字段。 快速解决问题,只是将此选择器添加到项目的 css 文件︰

input[type="checkbox"] + input[type="hidden"] + label,
    input[type="radio"] + input[type="hidden"] + label {
      display: inline-block !important;
    }
赞助商