body {
/* 默认字体 */
font-family: helvetica;
}
/*
字体
ios
默认中文字体是Heiti SC
默认英文字体是Helvetica
默认数字字体是HelveticaNeue
无微软雅黑字体
android
默认中文字体是Droidsansfallback
默认英文和数字字体是Droid Sans
无微软雅黑字体
font-family: helvetica;
*/
body * {
/* 禁止用户选中文字 */
-webkit-user-select: none;
/* 禁止长按弹出系统菜单 */
-webkit-touch-callout: none;
/* 切换横竖屏或者用户自己通过浏览器设置的话,可以改变字体的大小(需要给body下的所有元素) */
-webkit-text-size-adjust: 100%;
}
a,
input,
button {
/* 去除android下a/button/input标签被点击时产生的边框 & 去除ios下a标签被点击时产生的半透明灰色背景 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 按钮在ios下都是圆角 */
button,
input {
/* button与input都会有个默认背景 */
-webkit-appearance: none;
/* input有个默认圆角 */
border-radius: 0;
}
/* 修改placeholder的样式 */
input::-webkit-input-placeholder {
/* 默认的样式 */
color: #000;
}
input:focus::-webkit-input-placeholder {
/* 点击后的样式 */
color: #f00;
}