asp.net - css 复选框标签选择器

Question

我正在开发 MVC3 应用程序，需要选择 checkboxes 标签。

在 ASP MVC3 中，您有创建部分代码的辅助方法。所以 checkbox 的代码如下所示:

<input id="Jumping_successleicht" type="checkbox" value="true" name="Jumping_successleicht">
<input type="hidden" value="false" name="Jumping_successleicht">
<label for="Jumping_successleicht">
<span>leicht (4)</span>
</label>

现在我想我可以使用下面的代码来选择标签:

input[type=checkbox] + label {
    background: url("../../Images/Controls/Checkbox.png") no-repeat scroll left center transparent;
    clear: none;
    cursor: pointer;
    margin: 0;
    padding: 5px 0 4px 24px;
}

但它不起作用。看起来 label 和 input 必须彼此相邻。

有没有人有办法解决这个问题？

Answer 1

没有可用于选择 <label for="#"> 目标的 CSS 选择器元素普遍。 +选择器是“相邻兄弟”选择器。

有一些解决方法:

• 把<input>直接在 <label> 内的元素元素(这样就不需要 for="" 属性)。
• 视为每个 <input />需要有一个独特的 id=""设置属性以便使用 <label for=""> , 只需在样式表中通过其 ID 选择复选框。
• 为每个适当的输入分配类别。
• 围绕每个输入及其标签创建包装器。