iphone打开vue项目输入框不能获得焦点,也不能输入内容

问题描述:

使用vue开发的项目,其中有需要输入手机号,验证手机验证码的功能,但是发现iphone打开时,点击输入框,可以调起输入法,但是无法显示输入光标,也不能输入内容(不能获取input框输入焦点)

问题产生原因:

css样式设置中的某些会产生影响,如-webkit-touch-callout:none;

问题解决:

检查样式中是否有如下设置

    {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
        box-sizing: border-box;
    }

如果有,处理下(删除等等)

如上基本可以,还有别的情况情指教

你可能感兴趣的:(前端)