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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐