代码之家  ›  专栏  ›  技术社区  ›  DGwang

IE单击图像时选中复选框

  •  -2
  • DGwang  · 技术社区  · 7 年前

    我正在为一家仍然使用表的公司开发一个表单,他们希望我在不更改任何HTML/JS的情况下将CSS添加到他们的模板中。当用户单击图像时,应该选中嵌套输入(复选框)。这在Chrome、Firefox和Edge中运行良好,但在IE中,单击图像时不会选中该框。下面是DOM的屏幕帽和浏览器中的实际选择。 enter image description here

    enter image description here

    我改变了字体标签的背景色以区别于图像,并在td周围添加了一个边框。我注意到两件奇怪的事。

    1. 单击字体标记时,它将选中该框。
    2. 当复选框被选中时,我可以单击图像并选中复选框 取消选择。一旦它是,我不能重新选择它通过点击图像。

    你知道是什么原因造成的吗?能做些什么?我用的是IE 11。

    1 回复  |  直到 7 年前
        1
  •  0
  •   DGwang    7 年前

    IE似乎有一个导致这个问题的bug。我从这个网站上找到了一些有用的信息:

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

    CSS修复程序是:

    label img{
      pointer-events: none;
    }
    
    label{
      display: inline-block;
    }