原文来自:snippets.barretlee.com,只是为了自己学习收集特意fork了一遍。如有侵权,联系删除:i@webcliwn.net。
1、禁止ios和android用户选中文字
1 | .css{-webkit-user-select:none} |
2、禁止ios长按时触发系统的菜单,禁止ios&android长按时下载图片
1 | .css{-webkit-touch-callout: none} |
3、webkit去除表单元素的默认样式
1 | .css{-webkit-appearance:none;} |
4、修改webkit表单输入框placeholder的样式
1 | input::-webkit-input-placeholder{color:#AAAAAA;} |
5、去除android a/button/input标签被点击时产生的边框 & 去除ios a标签被点击时产生的半透明灰色背景
1 | a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);} |
6、ios使用-webkit-text-size-adjust禁止调整字体大小
1 | body{-webkit-text-size-adjust: 100%!important;} |
7、android 上去掉语音输入按钮
1 | input::-webkit-input-speech-button {display: none} |
8、移动端定义字体,移动端没有微软雅黑字体
1 | /* 移动端定义字体的代码 */ |