今天快上线了,测试给我提了个bug:ios上输入框的光标点到外面去了。。。

bug情况如下图:

我在ios上测试了一下,能稳定复现,说明就是代码问题。

既然能在ios上出现这个问题,那在安卓上有没有这个问题呢?我拿了自己的安卓机(华为)测试了一下,发现没有出现上述问题。

光标出现在外面的情况我还是第一次见,虽然问题不大,但是还是要解决啊。

第一反应是看有没有人遇到过同样的问题,在Google上搜了两页,没有同类事件。

转过头一想,会不会跟输入框自带的padding和margin有关系,于是我手动把input框的padding和margin置为0。

.name-input {
    margin: 0;
    padding: 0;
}

然后问题就解决了。。。没想到居然这么简单。