1. 程式人生 > >iphone遇到INPUT標簽BUG

iphone遇到INPUT標簽BUG

設置 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