是否可以根据是否使用 CSS 检查输入或我是否坚持使用 javascript 来设置标签样式?
<label class="filterButton"> <input name="RunandDrive" type="checkbox" value="1"> </label>
最佳答案
您可以使用:checked
伪元素来检查复选框是否被选中。这适用于单选按钮和复选框。
问题是你想选择一个元素的父级,但是css中其实没有父级选择器。解决方法是将标签元素放在输入元素之后(或之前)并使用适当的选择器。在这种情况下,我将标签元素放在输入元素之后,并使用 +
选择器。
input[type=checkbox]+label {
background-color: green;
}
input[type=checkbox]:checked+label {
background-color: red;
}
<input type="checkbox" id="ossm" name="ossm">
<label for="ossm">Click to turn RED!</label>
但如果您真的必须将 input 元素作为 label 元素的子元素,那么是的,您必须坚持使用 JavaScript。
关于javascript - 基于子 div 的样式标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47849221/