iphone遇到INPUT标签BUG

Posted 2020-12-03 alizhi

iphone7遇到INPUT标签输入文字时，光标下移的BUG：

产生原因，在弹层时  用了  position: fixed 的定位

解决方法:  弹窗时，给  body  也加上  position: fixed, width: 100% 的CSS样式， 消失后取消

 

 

input框在ios中的阴影问题：

input，select 和textarea表单默认会有个内阴影，一定程度上影响视觉一致，可通过设置下面代码去掉

解决方法：input{-webkit-appearance: none;}

 

 

iso手机中input和textarea添加disabled属性的时候显示有重影：

产生原因：iso默认了disabled属性时透明度为0.8

解决方法：设置input:disabled,input[disabled]{-webkit-opacity:1;opacity:1;}

 

 

iOS系统中input输入框无法输入的问题：

解决方法：把-webkit-user-select:none改成-webkit-user-select:auto;覆盖掉或者直接注释掉就行！

 

input标签添加上disable属性在移动端字体颜色不兼容：

解决方法：

input[disabled],input:disabled,input.disabled{
color: #999;
-webkit-text-fill-color:#999;
-webkit-opacity:1;
opacity: 1;
}