当我们写移动端样式时,会发现有些样式在苹果手机里,显示不一样。
今天我们来说说-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