webkit引擎的浏览器取消默认样式：…

在写样式的时候，iphone会有一些默认样式，比如 背景竟然是比较灰，并不黑。

使用-webkit-appearance:none可去除系统默认的样式

关于-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 和GOOGLE
CHROME 都使用WebKit内核，了解一下Webkit 的私有属性还是很有必要的。
猛点这里可以看到一个私有属性的文档，请用GOOGLE
CHROME 或者Safari 浏览器查看。文档还没有整理完。
这里有一个示例，看看Webkit
通过私有属性定义的特殊表单。

1 2 3 4

<</code>input type = "range" style = "-webkit-appearance:slider-horizontal;" > <</code>button style = "-webkit-appearance:button;width:200px;height:30px;" >gradient button</</code>button > <</code>button style = "-webkit-appearance:push-button;width:200px;" >aqua button</</code>button > <</code>input type = "text" style = "-webkit-appearance:searchfield;" value = "kitten" ></</code>input >

下面是效果:




来源：http://www.yooshang.com/archives/14