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

Question

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

在 ASP MVC3 中，您有创建部分代码的辅助方法。所以 a 的代码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>

现在我想我可以使用以下代码来选择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 选择复选框。
• 为每个适当的输入分配类。
• 围绕每个输入及其标签创建包装器。

Answer 2

也许你可以试试这个？

        input[type="checkbox"] + label{
            background-color:red;
        }