iphone遇到INPUT標簽BUG
阿新 • • 發佈:2018-07-11
設置 webkit 影響 textarea 原因 osi 手機 不兼容 input標簽
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