如何将CSS样式应用于MVC 5中的Html.CheckBoxFor

这看起来应该很基本，但就我的生活而言，我无法让它工作

在我的MVC5Web应用程序中，我希望使用复选框向用户显示布局列表，以便用户可以选择所需的任何布局

我使用的是一个编辑器模板，它被这样调用：

<table class="table">
<tr>
            <th> 
                @Html.DisplayName("Selected")
            </th>
            <th>
                @Html.DisplayNameFor(x => x.Layout)
            </th>
        </tr>
        @Html.EditorForModel()
</table>

但是，这会导致不呈现复选框

我尝试了一些方法，例如将复选框包装在

<div class="checkbox"> 

将转换为与使用输入和标签时相同的格式

页面源如下所示：

<input checked="checked" class="css-checkbox" data-val="true" data-val-required="The IsSelected field is required." id="test5" name="IsSelected" type="checkbox" value="true" /><input name="IsSelected" type="hidden" value="false" />


<input id="theid" name="theid" type="checkbox" class="css-checkbox" /> 
<label class="css-label" for="theid">Using input </label> 

使用输入

---

顶部来自辅助对象，底部直接使用输入标记。

这听起来很奇怪。如果查看呈现标记的源代码，是否有任何内容？

@Html.CheckBoxFor（x=>x.IsSelected，new{@class=“css checkbox”}

工作正常，并添加了

class=“css checkbox”

。您遇到了什么问题？是否检查了源代码以查看复选框是否确实已呈现，但由于样式表规则冲突而被隐藏？@Html.CheckBoxFor（x=>x.IsSelected，null，new{@class=“css checkbox”}）请重试this@ImranLuhur，没有接受3个参数的扩展方法

<div class="checkbox"> 

<input id="theid" name="theid" type="checkbox" class="css-checkbox" /> 
<label class="css-label" for="theid">Using input </label> 

@Html.CheckBoxFor(x => x.IsSelected, new { @class = "css-checkbox" })

<input checked="checked" class="css-checkbox" data-val="true" data-val-required="The IsSelected field is required." id="test5" name="IsSelected" type="checkbox" value="true" /><input name="IsSelected" type="hidden" value="false" />


<input id="theid" name="theid" type="checkbox" class="css-checkbox" /> 
<label class="css-label" for="theid">Using input </label>