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

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

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

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

  测试    

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

解决

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

  

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

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

你可能感兴趣的文章
intellij 提示 java-numbers.iml does not exist 不存在
查看>>
Confluence 6 让 Jira 应用停止发送通知到 Confluence
查看>>
【OpenCV】 2.4.13-编程过程遇到问题记录
查看>>
Wireshark抓包实验
查看>>
maven仓库设置,windows和mac
查看>>
Android错误收集
查看>>
浙大机器学习课程-8-支持向量机(原问题转化为对偶问题)
查看>>
css3之路- 结构性伪类
查看>>
239_自定义View画圆环环形
查看>>
流媒体音视频服务云管理平台EasyNVS平台中视频播放页面出现错误码的问题解决
查看>>
渗透测试学习笔记之案例五
查看>>
Pentest Wiki Part4 后渗透(二)
查看>>
/usr/bin/ld: cannot find -ltcmalloc 错误的解决方法
查看>>
【python】protobuf 使用学习记录
查看>>
php许愿墙
查看>>
攻防世界 secret-galaxy-300
查看>>
两张图帮你更好理解git常用指令
查看>>
【Lintcode】452. Remove Linked List Elements
查看>>
IDEA中JavaWeb项目成功部署运行,但在浏览器访问时依然报404错误
查看>>
视频课程:CMOS模拟集成电路设计--已上线
查看>>