label图标里在Iphone真机上点击无反应的解决方法

  • A+
所属分类:css

今天项目里出现了label图标里在Iphone真机上点击无反应,但在安卓机上没问题。

我的代码如下:

<label class="icon icon-search" onclick="search()" for="search" style="left:auto;right:0.3rem;font-size:1rem;"></label>
<input type="search" style="border:1px solid #ccc;padding-left:0.25rem;padding-right:1.4rem;height:1.8rem;" id="search"  placeholder='搜索商品、作品'/>

第一反应是不是这里不能用label图标,而应该用真正的Img带上a标签。。尝试后发现a标签居然报错,原因不明,好吧,还是继续用label,里面带一个真正的Img试试,结果还是有问题。

最后突然想到会不是是这个for=“search”有问题,果然,把这个删掉后在iphone上跑就正常了。。。这种兼容性问题解决就是得靠不停的试。。

ZPY

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: