我正在开发 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
必须彼此相邻。
有没有人有办法解决这个问题?
最佳答案
没有可用于选择 <label for="#">
目标的 CSS 选择器元素普遍。 +
选择器是“相邻兄弟”选择器。
有一些解决方法:
- 把
<input>
直接在<label>
内的元素元素(这样就不需要for=""
属性)。 - 视为每个
<input />
需要有一个独特的id=""
设置属性以便使用<label for="">
, 只需在样式表中通过其 ID 选择复选框。 - 为每个适当的输入分配类别。
- 围绕每个输入及其标签创建包装器。
关于asp.net - css 复选框标签选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12133522/