• 首页
  • html5
  • ios 设备 默认Safari 浏览器载入系统默认样式

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



回到顶部