移动WEB开发常见的默认属性设置

移动WEB开发常见的默认属性设置

在移动WEB开发中经常会遇到一些坑，按钮变样了，想隐藏滚动条，连接点击有蓝色或黄色区块效果等等。这些都是设备浏览器自带的一些私有的样式属性，修改他们就OK了。

移动端浏览器主要内核都是-webkit的，那修改的时候针对性的修改就好了，且不用考虑其他浏览器了，winPhone？我们不待见非主流杀马特。

取消点击时候标签的区块高亮效果

-webkit-tap-highlight-color: transparent;

上面的代码是把webkit内核中点击高亮颜色设置为透明。

取消默认外观[apple设备默认的input表单]效果

`-webkit-appearance: none; // webkit内核的外观：none
`

取消滚动条

取消滚动条，可以把内置的滚动条样式的宽度设置为0. 滚动条是伪元素，设置如下：

::-webkit-scrollbar:none;

在移动WEB开发的时候通常会在初始化时去掉outline，resize样式。
是否使用box-sizing【设置盒模型组成模式】还要看项目实际需求情况。