Question

我正在尝试将自定义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触发器？

Answer 1

尝试更改

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

到

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

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