2 li2274222 li2274222 于 2015.06.17 23:13 提问

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

代码如下:

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

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

1个回答

showbo
showbo   Ds   Rxr 2015.06.18 11:02

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

  <label for="INPUT">
        <span>这特么是要闹哪样嘛</span>
</label>
<input type="text" id="INPUT" />
li2274222
li2274222 回复showbo: 只能这样了
2 年多之前 回复
showbo
showbo 回复li2274222: 没效果说明浏览器不支持罗,你要显示点击文字弹出选择文件效果,你要将file设置为透明浮动到文字上就可以兼容所有浏览器
2 年多之前 回复
showbo
showbo 回复li2274222: 浏览器支持才行啊。。pc版本的firefox就不支持。。
2 年多之前 回复
li2274222
li2274222 其实我知道直接text没问题,就是想问问为什么套标签就不行~
2 年多之前 回复
li2274222
li2274222 其实我知道直接text没问题,就是想问问为什么套标签就不行~
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片