一个诡异的问题，a标签不可跳转变成了input？？

页面上的一个“底部导航”很简单的结构，ul>li>a>i 这种标签层结构，
但是点击标签后不是跳转了，而是出现了光标，可以输入内容，仿佛一个input标签，
检查了多边，肯定没有js做什么操作，也没有异常的css。
为什么会出现这种情况，有遇到的没？
上图：
点击前：

点击后，可以输入内容“123”并且可以输入在不同位置，上部，中部，下部

结构如图：

这是手机端页面开发，发现在安卓手机和电脑端会出现这种问题，苹果手机正常。

找到原因了 ,因为一句话:

 a:focus{-webkit-user-modify:read-write-plaintext-only; }