在IE11中,以下代码将按预期检查单选按钮:
<input type="radio" id="myRadio" />
<label for="myRadio">
<img src="..." />
</label>
Run Code Online (Sandbox Code Playgroud)
包装一个<form>围绕上述然而将打破标签的功能.
这个SO帖子通过使用样式设置图像pointer-events:none并将标签设置为块级元素来提供问题的解决方案.
虽然这当然不应该是必要的,但它也会禁用处理鼠标事件的能力.
如果有人可以为这个问题提供纯CSS解决方案,将不胜感激.
PS:
值得一提的是,在IE11中,如果图像被设置为块级元素,那么它pointer-events似乎会失去其效果.