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

那颗星好美

于 2019-07-11 19:54:48 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_42767631/article/details/95512648

17 篇文章

订阅专栏

该博客讲述了使用Vue开发项目时，在iPhone上打开输入手机号和验证码的输入框，无法显示光标和输入内容的问题。经排查发现是CSS样式设置，如-webkit-touch-callout：none等产生影响，解决办法是检查并处理相关样式设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

找了半天居然是 css原因，问题产生原因：

css样式设置中的某些会产生影响，如-webkit-touch-callout：none；

css 有些使用在安卓上没问题，但在 ios 上会有影响，走在路上，随时都会遇到坑啊，无语了我

问题解决：

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



    {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
    }

如果有，处理下（删除等等），然后就可以使用了