iphone遇到INPUT标签BUG

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

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

解决方法:  弹窗时,给  body  也加上  position: fixed, 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;
}



原文地址:https://www.cnblogs.com/alizhi/p/9293660.html