' .cssclass输入[type = checkbox]:选中+标签'替换CheckBoxFor

时间:2014-07-01 15:36:14

标签: html css asp.net-mvc

我正在尝试将自定义CSS样式应用于从模型生成的前端HTML元素(我们使用C#ASP.NET MVC样式)。

以下是在视图中生成复选框的当前代码:

<%: Html.CheckBoxFor(m => m.elementCollection[i].booleanValue)%>

我用作资源的示例中的CSS方法包含以下内容:

.checkboxThree input[type=checkbox]:checked + label {
left: 60px;
background: #26ca28;
}

如何在模型生成的所有复选框元素上而不是在复选框类型的所有HTML输入上生成CSS触发器?

1 个答案:

答案 0 :(得分:0)

尝试更改

.checkboxThree input[type=checkbox]:checked + label {

.checkboxThree input[type="checkbox"]:checked + input[type="hidden"] + label:after {

MVC在中间添加了隐藏的一个,这个CSS要求你拥有第一个和最后一个