单击标签中的图片标签不会在Windows Phone上触发

我必须使用图像而不是文本作为无线电元素的标签。它适用于除Windows Phone之外的所有设备。简化的代码可以在this example找到：单击标签中的图片标签不会在Windows Phone上触发

<form action="#" method="post"> 
    <label> 
     <input type="radio" name="foo" value="0" /> 
     <img src="http://placehold.it/50x50"><br /> 
     text0 
    </label> 
</form>

没有差别，如果输入字段是所述标签内或与参考。我试图使用jQuery并触发（'input'）。但是没有机会让Windows Phone检查无线元素，除非点击元素本身或文本标签。我如何将图像用作Windows Phone上的标签？

来源

2015-10-04 RoyalKnight

[在IE11无法点击的表单图像标签的输入]的可能的复制（HTTP：/ /stackoverflow.com/questions/20198137/image-label-for-input-in-a-form-not-clickable-in-ie11） – mplungjan

我试过css解决方案，但它不适用于Windows Phone ... – RoyalKnight

我添加了一个“点击” - 元素定位在所述标签内的所有其它元件（伪代码）：

<form action="#" method="post"> 
    <label style="position:relative;"> 
     <input type="radio" name="foo" value="0" /> 
     <img src="http://placehold.it/50x50"><br /> 
     text0 
     <span style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;"></span> 
    </label> 
</form>

来源

2015-10-05 19:54:56 RoyalKnight

单击标签中的图片标签不会在Windows Phone上触发

回答

相关问题