博客
关于我
css:使用label控制checkbox不生效的原因
阅读量:265 次
发布时间:2019-03-01

本文共 319 字,大约阅读时间需要 1 分钟。

今天有个简单的需求,就是实现表单底部的勾选知情同意书的效果,如图:

在这里插入图片描述
我想着玩意做了百八十遍岂不是手到擒来,于是我写下了这样的代码:

  测试    

这,我点击 label 怎么没有改变 border 为 #f00,我开始慌了。。

解决

最后发现,input:checked + label 这里的 + 是代表兄弟元素,兄弟元素一定是在该元素的下面,也就是我换一下 input 和 label 标签的位置就好了

  

这件事告诉我一个道理,遇到 bug 不要慌,一步一步缩小 bug 范围,实在不行写一个小 demo,最后你就知道问题出在哪了~

转载地址:http://sopo.baihongyu.com/

你可能感兴趣的文章
内部类
查看>>
Maven将本地jar打到本地仓库中
查看>>
SpringBoot集成Eureka
查看>>
Java 十大排序算法
查看>>
SQL触发器
查看>>
springboot运行时该注意的地方
查看>>
建立第一个SpringBoot小列子(碰到的错误)
查看>>
处理in查询的时候id超过1000,而报错
查看>>
Eclipse+Java+Swing实现学生成绩管理系统
查看>>
Python编辑器安装教程
查看>>
BZOJ3685: 普通van Emde Boas树
查看>>
懵逼ZJOI2016Round2滚粗记
查看>>
弹球距离(c语言递归)
查看>>
海盗分赃(8行代码搞定!)
查看>>
整型关键字的散列映射
查看>>
多位水仙花数-python(出现运行超时?不妨用减法计算)
查看>>
地下迷宫探索(后两个测试点无法通过?这里有你想要的答案)
查看>>
城市间紧急救援(dijkstra算法)
查看>>
关键活动(注释超详细!!!)
查看>>
为什么Android要采用Binder作为IPC机制?成功入职阿里
查看>>