Vue项目中使用input,在IOS上点击输入框不聚焦

vue项目有用到输入框,之前一直用安卓机测试,没啥问题,今天偶然用ios测试了一下,发现两个问题

一,点击输入框不能聚焦,且没法输入

百度了一下,还以为是ios版本不支持,添加了自动聚焦属性后并没有作用(之后发现其实跟自动聚焦没有关系),继续搜索,有一个情况跟我很符合,说是为了防止在ios上长按(图片或文字)出现选中效果,在全局引入了user-select:none样式,他会影响input,textarea输入框,把该行代码注释掉就好,试了一下,果然是这个原因,就此这个问题解决

原文链接如下:https://blog.csdn.net/weixin_42018166/article/details/90712900

二input光标在ios上不垂直居中

将其line-height注释掉就好

原文链接如下:https://www.cnblogs.com/Frank-f/p/10271655.html

你可能感兴趣的:(vue,css3,vue.js)