单击图像时，IE选择复选框

Question

我正在为一家仍在使用表格的公司制作表格，他们希望我在不更改任何HTML / JS的情况下将CSS添加到其模板中。用户单击图像时，应选择一个嵌套的输入（复选框）。在Chrome，Firefox和Edge中，此方法工作正常，但在IE中，单击该图像时，不会选中该框。以下是DOM的屏幕截图和浏览器中的实际选择。

我更改了字体标签的背景颜色，以使其与图像区分开，并在td周围添加了边框。我注意到2件奇怪的事情。

1. 单击字体标签时，它将选中该框。
2. 选中该框后，我可以单击该图像并选中该复选框 取消选择。一旦完成，我将无法通过单击图像来重新选择它。

是什么原因造成的，可以做什么？我正在使用IE 11。

Answer 1

看来IE有一个导致此问题的错误。我从该站点发现了一些有用的信息：

https://snook.ca/archives/javascript/using_images_as

CSS修复为：

label img{
  pointer-events: none;
}

label{
  display: inline-block;
}