- 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上跑就正常了。。。这种兼容性问题解决就是得靠不停的试。。
