首页 > 其他 > 详细

iphone遇到INPUT标签BUG

时间:2018-07-11 14:22:45      阅读:196      评论:0      收藏:0      [点我收藏+]

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;
}

 

 

 



 

iphone遇到INPUT标签BUG

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!