safari中的input、textarea无法输入的问题

作者: 猿分让我们相遇 | 来源:发表于2019-05-27 16:24 被阅读0次

safari中的input、textarea无法输入的问题
ios手机的input，textarea设置user-selec
iOS下光标错位问题及fixed和input导致div跳动问题
微信小程序键盘高度问题
input输入框的三种控制方式：限制长度，控制输入，正则校验
移动端-webkit-user-select:none导致inp
input 转载dcloud.io
input和textarea的区别
Safari手机浏览器中input 光标不居中解决方案
Safari浏览器中input 光标不居中解决方案

原因是这两种表单元素上应用了user-select:none的css属性。一般没人刻意这么做，可能是这样的情况：

*{
  /*font-family:"PingFang SC";*/
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;
  -moz-user-select: none;
  /*会导致在safari中input不能输入*/
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
在css中排除掉这两种元素就好了：
* {
    user-select: none;
}

input, textarea {
    user-select: text;  
}

safari中的input、textarea无法输入的问题
原因是这两种表单元素上应用了user-select:none的css属性。一般没人刻意这么做，可能是这样的情况：
ios手机的input，textarea设置user-selec
ios手机的input，textarea如果设置输入无法触发onchange或者oninput事件
iOS下光标错位问题及fixed和input导致div跳动问题
在iOS的web移动端中设置了个弹窗，有两个input和一个textarea，在Safari浏览器中出现了两个问题...
微信小程序键盘高度问题
小程序中输入框input textarea使用bindkeyboardheightchange监听键盘高度，在失去...
input输入框的三种控制方式：限制长度，控制输入，正则校验
一：Input输入框的只能输入数字，限制长度二：Js表单元素，textarea,input常用控制输入 1：只能...
移动端-webkit-user-select:none导致inp
最近在app内嵌h5开发时，发现input/textarea输入框无法输入，经查明是-webkit-user-se...
input 转载dcloud.io
input(输入表单) 基本说明 mui输入表单包括单行输入框input和多行输入框textarea,当我们使用f...
input和textarea的区别
都是提供用户输入的标签。区别如下： input 单行文本输入框 textarea多行文本输入框 input tex...
Safari手机浏览器中input 光标不居中解决方案
在iPhone的Safari中发现了这个问题，line-height 属性不能使input输入框中的光标垂直居中，...
Safari浏览器中input 光标不居中解决方案
昨天在iPhone的Safari中发现了这个问题，line-height 属性不能使input输入框中的光标垂直居...