移动端页面开发总结(二)
CSS的样式技巧?
?
1、禁止ios和android用户选中文字
2、禁止ios长按时触发系统的菜单,禁止ios&android长按时下载图片
3、webkit去除表单元素的默认样式
4、修改webkit表单输入框placeholder的样式
5、去除android设备下面的 a/button/input标签被点击时产生的边框 & 去除ios a标签被点击时产生的半透明灰色背景
6、ios使用-webkit-text-size-adjust禁止调整字体大小
7、android 上去掉语音输入按钮
8、定义字体
?
?
1、禁止ios和android用户选中文字
html{-webkit-user-select:none;}
2、禁止ios长按时触发系统的菜单,禁止ios&android长按时下载图片
html{-webkit-touch-callout: none;}
3、webkit去除表单元素的默认样式
input{-webkit-appearance:none;}
4、修改webkit表单输入框placeholder的样式
input::-webkit-input-placeholder{color:#123456;}
input:focus::-webkit-input-placeholder{color:#654321;}
5、去除android设备下面的 a/button/input标签被点击时产生的边框 & 去除ios a标签被点击时产生的半透明灰色背景
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
6、ios使用-webkit-text-size-adjust禁止调整字体大小
body{-webkit-text-size-adjust: 100%!important;}
7、android 上去掉语音输入按钮
input::-webkit-input-speech-button {display: none;}
8、定义字体
font-family:'\5FAE\8F6F\96C5\9ED1',tahoma,'\5b8b\4f53',"Helvetica Neue",Helvetica,Arial,sans-serif;
?