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

分类:Html_Css| 发布:kuabaobao| 查看: | 发表时间:2015/8/27

在开发移动设备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 内核浏览器的默认样式.

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/html-css/2110.html