html - 从 anchor HTML/CSS 中排除复选框

Question

在我的网络应用程序中，我需要一个 html 链接列表，每个链接前面都有一个复选框。我需要制作列表，以便用户可以单击 <li> 上的任何位置除了仅在文本上访问链接之外。但我需要将复选框从链接中排除并单独选中/取消选中，以便单击复选框不会使链接单击。

为了我的目的，我创建了如下标记:

<a href='projecthome.php?pid=1'>
<li>
<input type='checkbox' name='chkproject' value='project'/>&nbsp;&nbsp;&nbsp;&nbsp;Example
</li>
</a>

这在 Chrome 中完美运行，我可以在不触发链接点击的情况下选中/取消选中复选框。但是在 firefox 中，当我点击复选框时，链接点击触发器和浏览器定向到链接。我怎样才能防止这种情况发生？除了我的 html 标记之外，还有其他替代方法可以防止这种情况发生吗？

谢谢。

Answer 1

我同意 James 的观点，但如果失败，您可以使用该属性来完成:

pointer-events: none;