​CSS如何去除WebKit内核的默认样式？_惠州前端培训学校

CSS如何去除WebKit内核的默认样式？这是大家在学习前端的过程都会遇到的问题，那么下面我们一起来看看惠州北大青鸟学术部老师是怎么解答的。

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下拉框也有默认样式无法修改。

这时候可以用到

-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;}

想学前端，联系在线客服，或者可以来惠州北大青鸟新方舟校区详细了解。

标签：惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟