解决ios与安卓兼容问题 --- css

1：ios端input、button样式不生效

.input{
	-webkit-appearance: none;/*解决ios样式问题*/
} 

2：ios端禁用屏幕缩放

<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

3：input获取焦点时，去掉外层高亮

input:focus { outline:none; }

4：IOS中防止复制和保存图片

img{ touch-callout:none; }

5：android 上去掉语音输入按钮

input::-webkit-input-speech-button { display: none }

6：禁用ios中safari字号自动调整

html{ -webkit-text-size-adjust： none; }

7：解决placeholder文本位置偏移

input{ line-height：normal; }

8：改变表单输入框placeholder的颜色值
 

input::-webkit-input-placeholder{color:#AAAAAA;}
input:focus::-webkit-input-placeholder{color:#EEEEEE;}

7：去除iosa标签被点击显示灰白色背景

a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}

8：禁止输入框输入空格

οnkeyup=“this.value=this.value.replace(/\s+/g,’’)” 

摘自：https://blog.csdn.net/iChangebaobao/article/details/102969820