css - 单击表单选中/取消选中复选框的任意位置

Question

这是一个模糊的问题，所以我不想问，但花了几个小时后，我没有任何线索，想依赖 SO 专家。

基本上在我的网站上http://admire-laravel6.lorvent.in/generator_builder

如果我点击“添加字段”，然后尝试点击新行的任何输入字段，例如字段名称， 它只选中/取消选中最后一个复选框。

问题似乎是因为 icheck，它创建了一个宽度为 100% 的 ins 标签。

但是当我尝试使用 origin bootstrap 4 时，这个问题不存在。

真的不确定，是什么原因造成的。

任何建议将不胜感激。

谢谢。

Answer 1

这是 icheck，原因是 因为 100% 处于绝对位置，但没有相对父级来控制它需要的位置:

尝试添加:

.icheckbox_square-blue {
    position: relative;
}

您会看到它会按照您希望的方式开始工作。