移动端label标签for属性的问题

Question

代码如下：

 <label for="INPUT">
        <span>这特么是要闹哪样嘛</span>
</label>
<input type="file" id="INPUT" />

==========华丽丽的分割线===========
以上代码在PC端浏览器毫无问题，但在移动端浏览器中点击span标签时不会触发label的for效果。
求大神科普~

Answer 1

android chrome没问题。for对file对象在有些浏览器下应该无效，pc版本的firefox点击文字就没用。。改为text可以

  <label for="INPUT">
        <span>这特么是要闹哪样嘛</span>
</label>
<input type="text" id="INPUT" />