移动端的那些坑 IOS端兼容性问题

https://mp.weixin.qq.com/s/pVGFcVWmn5o-tD6hrdksUQ

 

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

input{

        -webkit-appearance:none;
}

 

2.disabled 在iOS下颜色变浅问题的兼容

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