移动端页面默认样式重置

1、-webkit-tap-highlight-color （这个属性只用于IOS（iphone和ipad））

    当你点击一个链接或者通过js定义的可点击的元素时，它会出现一个半透明的灰色背景，要重置这个表现，可以通过设置-webkit-tap-highlight-color为任何颜色。

    eg、设置高亮色为50%透明的红色       

            -webkit-tap-highlight-color: rgba(255,0,0,0.5);    

2、outline：none

    属性值设为：

    a、取消webkit内核浏览器下默认的文本框聚焦样式 （input，textarea { outline: none; }） ;

    b、在pc端为a标签定义此样式，是为了取消IE浏览器下点击a标签时出现的虚线，IE7及以下版本还不识别此属性，需要在a标签上添加hidefocus="true" ;

 3、-webkit-appearcance：none

     消除输入框和按钮的默认样式，在IOS上加上这个属性才能给按钮和输入框自定义样式，不同type的input使用这个属性之后表现不一，text、button无样式，radio、checkbod直接消失。

4、user-select：none

扫描二维码关注公众号，回复： 50102 查看本文章

    禁止页面文字选择，此属性不继承，一般加在body上规定整个body的文字都不会自动调整。  

    -webkit-user-select： none;   ( Chrome/safari )

    -ms-user-select: none;  ( fireFox )

     IE6-9不支持该属性，但支持使用标签属性 onselectstart="return false"达到user-select: none的效果；

    直到opera12.5不支持该属性，支持私有的标签属性userselectable="on"来达到user-select: none的效果;

 5、text-size-adjust: none / 100%

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    禁止文字自动调整大小（默认情况下旋转设备的时候文字大小会发生变化），此属性也不继承，一般加上在body上，规定整个body的文字都不会自动调整 。

6、-webkit-touch-callout: none

    禁止长按页面是弹出菜单

7、-webkit-overflow-scrolling: touch

    局部滚动（仅IOS5.0以上支持）