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

Html 单击标签标签中的图像不会在Windows Phone上触发,html,windows-phone,Html,Windows Phone,我必须使用图像而不是文本作为无线电元素的标签。它在除Windows Phone之外的所有设备上都能正常工作。简化代码可在以下文件中找到: 文本0 如果输入字段位于标签内或使用for引用,则没有区别。我也尝试使用jQuery和trigger('input')。但除了单击元素本身或文本标签外,没有机会让Windows Phone检查无线电元素。如何使用图像作为标签,并且在Windows Phone上也可以使用它?我添加了一个“单击”元素,位于标签内所有其他元素的上方(伪代码): 文本0 可

我必须使用图像而不是文本作为无线电元素的标签。它在除Windows Phone之外的所有设备上都能正常工作。简化代码可在以下文件中找到:



文本0
如果输入字段位于标签内或使用for引用,则没有区别。我也尝试使用jQuery和trigger('input')。但除了单击元素本身或文本标签外,没有机会让Windows Phone检查无线电元素。如何使用图像作为标签,并且在Windows Phone上也可以使用它?

我添加了一个“单击”元素,位于标签内所有其他元素的上方(伪代码):



文本0
可能与我尝试的css解决方案重复,但在Windows Phone上不起作用。。。
<form action="#" method="post">
    <label>
        <input type="radio" name="foo" value="0" />
        <img src="http://placehold.it/50x50"><br />
        text0
    </label>
</form>
<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>