1. body {
    2.     /* 默认字体 */
    3.     font-family: helvetica;
    4. }
    6.   /* 
    7.   字体
    8.   ios
    9.   默认中文字体是Heiti SC
    10.   默认英文字体是Helvetica
    11.   默认数字字体是HelveticaNeue
    12.   无微软雅黑字体
    13.   android
    14.   默认中文字体是Droidsansfallback
    15.   默认英文和数字字体是Droid Sans
    16.   无微软雅黑字体
    17.   font-family: helvetica;
    18.    */
    19. body * {
    20.     /* 禁止用户选中文字 */
    21.     -webkit-user-select: none;
    22.     /* 禁止长按弹出系统菜单 */
    23.     -webkit-touch-callout: none;
    24.     /* 切换横竖屏或者用户自己通过浏览器设置的话，可以改变字体的大小(需要给body下的所有元素) */
    25.     -webkit-text-size-adjust: 100%;
    26. }
    28. a,
    29. input,
    30. button {
    31.     /* 去除android下a/button/input标签被点击时产生的边框 & 去除ios下a标签被点击时产生的半透明灰色背景 */
    32.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    33. }
    35. /* 按钮在ios下都是圆角 */
    36. button,
    37. input {
    38.     /* button与input都会有个默认背景 */
    39.     -webkit-appearance: none;
    40.     /* input有个默认圆角 */
    41.     border-radius: 0;
    42. }
    44. /* 修改placeholder的样式 */
    45. input::-webkit-input-placeholder {
    46.     /* 默认的样式 */
    47.     color: #000;
    48. }
    50. input:focus::-webkit-input-placeholder {
    51.     /* 点击后的样式 */
    52.     color: #f00;
    53. }