asp.net-mvc - ASP.Net MVC Helper 破坏 Foundation Zurb

Question

我对 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>

看起来隐藏字段导致标签未与复选框对齐。有什么建议么？

Answer 1

我找到了我的问题的答案。原因是基础的css的复选框和标签的选择器，它没有包含隐藏字段的选择器。快速修复，只需将此选择器添加到项目的 css 文件中：

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