本文共 319 字,大约阅读时间需要 1 分钟。
今天有个简单的需求,就是实现表单底部的勾选知情同意书的效果,如图:
测试
这,我点击 label 怎么没有改变 border 为 #f00,我开始慌了。。
最后发现,input:checked + label
这里的 + 是代表兄弟元素,兄弟元素一定是在该元素的下面,也就是我换一下 input 和 label 标签的位置就好了
这件事告诉我一个道理,遇到 bug 不要慌,一步一步缩小 bug 范围,实在不行写一个小 demo,最后你就知道问题出在哪了~
转载地址:http://sopo.baihongyu.com/