当前位置:  开发笔记 > 前端 > 正文

我在嵌入ul,li元素的CSS/HTML复选框时遇到问题

如何解决《我在嵌入ul,li元素的CSS/HTML复选框时遇到问题》经验,为你挑选了1个好方法。

我遇到了HTML/CSS复选框问题.我编写的代码在一组ul/li元素中有一个复选框.问题是,如果我点击任何li元素的文本,它会越过列表中的第一个成分,而不是勾掉你点击的li元素.除了这个打嗝之外,复选框本身也能正常工作.关于最新进展的任何建议或想法以及我如何解决这个问题?

input[type=checkbox] + label {
  color: black;
  font-style: normal;
}
input[type=checkbox]:checked + label {
  color: #ccc;
  font-style: italic;
}



1> Jonathan Lam..:

这是因为每个 fors都是相同的name:它们都以目标为目标ossm.

这默认为第一个ossm元素,因此它们都是第一个元素.

要解决此问题,请为每个复选框指定唯一name(且相同).


  • 此外,你不应该让他们每个人都有id="ossm".ID应该是唯一的.

    推荐阅读
    刘美娥94662
    这个屌丝很懒,什么也没留下!
    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有