Css 复选框图像样式在IE上的表单中无法正常工作

我有一个表单，其中的复选框带有图片样式。所有工作都很好的铬，FF，边缘。。。但不是我

基本上，当复选框不在表单中时，CSS样式按照我在IE中希望的方式工作，但一旦表单标记绕过它们，它们就会停止正常工作。取而代之的是，我必须单击图像旁边，而不是单击图像以获得选中的效果

有人帮我做些什么，让它在IE中正常工作吗？ 我在IE 11中试过。为什么在表单中创建它会导致它改变行为

我不是一个天生的程序员，下面的大部分CSS都是根据我在这里发现的另一个问题改编的

Jsfiddle-

HTML

---

这看起来像是另一个问题的重复：

更新小提琴：

input[type=“checkbox”][id^=“cb”]{
显示：无；
}
标签{
边界：无；
填充：无；
显示：内联块；
位置：相对位置；
保证金：无；
/*光标：指针*/
}
标签img{
高度：125px；
宽度：125px；
过渡时间：0.2s；
变换原点：50%50%；
指针事件：无；
}
：选中+标记img{
变换：比例（1）；
盒影：0 0 20px#ff0；
z指数：-1；
}

---

谢谢。我找过了，但没找到那个。问题解决了！

<form> 
   <input id="cb1" name="product1[]" type="checkbox" value=" Classic switch" />
   <label for="cb1">
       <img src="http://www.4jewelersonly.com/wp-content/uploads/sites/16/2015/03/127880648-670x670.jpg" alt="" />
   </label>

   <input id="cb2" name="product2[]" type="checkbox" value=" Right angle switch" />
    <label for="cb2">
        <img src="http://www.4jewelersonly.com/wp-content/uploads/sites/16/2015/03/127880648-670x670.jpg" alt="" />
    </label>

    <input id="cb3" name="product3[]" type="checkbox" value=" Adaptor" />
    <label for="cb3">
        <img src="http://www.4jewelersonly.com/wp-content/uploads/sites/16/2015/03/127880648-670x670.jpg" alt="" />
    </label>

    <input id="cb4" name="product4[]" type="checkbox" value=" Blow switch" />
    <label for="cb4">
        <img src="http://www.4jewelersonly.com/wp-content/uploads/sites/16/2015/03/127880648-670x670.jpg" alt="" />
    </label>

    <input id="cb5" name="product5[]" type="checkbox" value=" Cable" />
    <label for="cb5">
        <img src="http://www.4jewelersonly.com/wp-content/uploads/sites/16/2015/03/127880648-670x670.jpg" alt="" />
    </label>

input[type="checkbox"][id^="cb"] {
    display: none;
}

label {


border: none;
  padding: none;
  display: block;
  position: relative;
  margin: none;
  cursor: pointer;
}

label img {
  height: 125px;
  width: 125px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}


:checked + label img {
  transform: scale(1);
  box-shadow: 0 0 20px #ff0;
  z-index: -1;
}