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 内核浏览器的默认样式.