-webkit-appearance问题

当我们写移动端样式时，会发现有些样式在苹果手机里，显示不一样。

今天我们来说说-webkit-appearance。

在不同的“-webkit-appearance”选值情况下，button所渲染的效果是不一样的，详细的测试代码大家可使用safari浏览器点击这 里。有关于“-webkit-appearance”的详细介绍，这回算是知道了，最后我建议大家，我们可以直接在“reset.css”样式文件中加处 这么一句：

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

大家可以上这个网站看看

http://www.w3cplus.com/css3/changing-appearance-of-element-with-css3.html