如何禁止浏览器系统默认样式？-webkit-appearance ios默认Safari

在开发移动设备Html5页面时,有没有遇到过,你设置的样式,在ios 设备里面面目全非了.

尤其是和安卓设备对比后,会让你有种不相信css 的感觉.

其实在 ios设备中使用 Safari 浏览器时.

你页面里面的 input ,button ,submit ,reset 等元素都会被载入系统默认的css 来控制.

那么问题来了,如果默认禁止浏览器载入这些默认样式呢?

在你的css 样式中引入如下:

input[type="submit"],  
input[type="reset"],  
input[type="button"],  
button {  
-webkit-appearance: none;  
}

使用上面的定义,可以改变webkit 内核浏览器的默认样式.