html - '.cssclass 输入[类型=复选框] :checked + label' replacement for CheckBoxFor

Question

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

这是在 View 中生成复选框的当前代码:

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

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

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

如何让 CSS 在从模型生成的所有复选框元素上触发，而不是在类型为复选框的所有 HTML 输入上触发？

Answer 1

尝试改变

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

到

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

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