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

解决ios与安卓兼容问题 --- css,第1张

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

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

2:ios端禁用屏幕缩放


 

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

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/993742.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-21
下一篇2022-05-21

发表评论

登录后才能评论

评论列表(0条)

    保存