请教各位大哥关于bootstrap的checkbox

esft 2016-03-14 02:41:48

.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}


<label class="checkbox">
<input type="checkbox" >下次自动登陆
</label>



样式里的.checkbox label 就不会应用到 label上啊,是不是应该写成label.checkbox
...全文
205 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
esft 2016-03-16
  • 打赏
  • 举报
回复
引用 2 楼 qq_34229763 的回复:
你的元素都有.checkbox,那么你想要哪个起作用呢?我想你的label外层的元素还有.checkbox属性,你觉得他会识别哪个checkbox呢?所以你还是写成label.checkbox吧,这样我不确定你的样式能不能实现,反正我没有试过嵌套元素都有统一class的
我想说 上面两段css 目的都是要作用于 下面Html里的 Lable 标签,但是第二段 css里的类选择器.checkbox label ,这个表示的是带有.checkbox类的元素 的子元素,所以应用不到 Lable标签上吧.,除非像你说的 label外层的元素还有.checkbox属性,但是一般好像都是写作

<label class="checkbox">
               <input type="checkbox" >下次自动登陆
</label>
这样的. 这段代码是bootstrap里,给checkbox 应用的样式.我偶然看了一下,感觉这是个bug,不知道对不对
qq_34229763 2016-03-15
  • 打赏
  • 举报
回复
你的元素都有.checkbox,那么你想要哪个起作用呢?我想你的label外层的元素还有.checkbox属性,你觉得他会识别哪个checkbox呢?所以你还是写成label.checkbox吧,这样我不确定你的样式能不能实现,反正我没有试过嵌套元素都有统一class的
经海路大白狗 2016-03-15
  • 打赏
  • 举报
回复
Html内容过少啊

87,915

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧