清除苹果产品iPad、iPhone默认样式

<p>在做移动端网页的时候会发现写的input标签样式在ipad，iPhone上面显示得太离谱了。和预期的完全不一样，这是因为苹果产品的浏览器对这些标签有默认的css样式。清除这些默认的样式后，显示效果就和写的CSS预期效果一样了。</p>
<p>清除iPad、iPhone浏览器上input标签的默认样式：</p>

input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
 textarea{-webkit-appearance:none;}

<p>在初始化样式中添上以上的样式即可清除苹果产品默认样式。</p>

appearance，使 div 元素看上去像一个按钮：
div
{
appearance:button;
-moz-appearance:button; / Firefox /
-webkit-appearance:button; / Safari 和 Chrome /
}

<p>所有主流浏览器都不支持 appearance 属性。</p>
<p>Firefox 支持替代的 -moz-appearance 属性。</p>
<p>Safari 和 Chrome 支持替代的 -webkit-appearance 属性。</p>