复选框会自动取消选中标签是否在内部

Question

这可以按预期工作：

<label>
    <input type="checkbox">
    checkbox
</label>

但是，当我将文本放在span复选框中时，单击该复选框会自行取消选中：

<label>
    <input type="checkbox">
    <span>checkbox</span>
</label>

我发现将pointer-events: none设置为span可解决此问题。 但是有人可以解释为什么会这样吗？还有更好的解决方案吗？

编辑

我仅在使用CodeKit的本地主机上看到此问题。当我直接打开.html文件时，效果很好

Answer 1

我没有任何问题。您可以在其他浏览器中尝试吗？