作者:爱看好电影110_275 | 来源:互联网 | 2020-08-24 18:04
本篇文章给大家介绍一下在css中:indeterminate选择器有什么用,可以在哪些元素中使用。下面我们就来看具体的内容。
css代码:
ul {
list-style: none;
}
.container {
margin: 40px auto;
max-width: 700px;
}
li {
margin-top: 1em;
}
label {
font-weight: bold;
}
input[type="checkbox"]:indeterminate + label {
color: deepPink;
}
js代码:
var checkboxes = document.querySelectorAll('input.subOption'),
checkall = document.getElementById('option');
for(var i=0; i 0;
checkall.indeterminate = checkedCount > 0 && checkedCount 动态效果图:
总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。
以上就是css如何使用:indeterminate选择器的详细内容,更多请关注 第一PHP社区 其它相关文章!