起航学习网

WebKit是Mac OS X v10.3及以上版本所包含的软件框架(对v10.2.7及以上版本也可通过软件更新获取)。 同时，WebKit也是Mac OS X的Safari网页浏览器的基础。WebKit是一个开源项目，主要由KDE的KHTML修改而来并且包含了一些来自苹果公司的一些组件。

传统上，WebKit包含一个网页引擎WebCore和一个脚本引擎JSCore，它们分别对应的是KDE的KHTML和KJS。不过，随着JavaScript引擎的独立性越来越强，现在WebKit和WebCore已经基本上混用不分(例如Google Chrome采用V8引擎，却仍然宣称自己是WebKit内核)。

做移动端的朋友应该知道，iphone的默认按钮是个很恶心的圆角，select下拉框也有默认样式无法修改。

这时候可以用到

1. -Webkit-appearance:none//去除默认样

在按钮和select样式里加入上面css，效果如下图。

css代码如下：

input{ background:#FF9933;

 border-radius:5px;

 color:#fff;

 padding:3px 20px;

 -Webkit-appearance:none;

}select{ background:url(images/img1.jpg) no-repeat;

 background-size:20px;

background-position:95% center;

 padding:3px 10px;

width:30%;

 -Webkit-appearance:none;}

免责声明：内容和图片源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容

Web教程网是一个专注于技术资讯的综合性门户网站。是Web爱好者学习交流的网站,这里提供大量实用的技术文档及相关资源下载，是网页设计、网络编程人员及其爱好者必备网站。

文章出自：http://qh.itpxw.cn/peixun/web/202185805.html

文章标题：Web前端开发中的css去除Webkit内核的默认样式

免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉