如果你在ios的Safari下做过网页的预览你就会发现,它的button的效果是与你设计的完全不一样的,圆圆的效果,也不象PC上是方的,这是怎么回事?

原来,IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。

下面这句代码就是重置这些样式的:

-webkit-appearance: none;

因此,实际的代码就类似如下:

input[type=button]{
-webkit-appearance:none;
outline:none
}

可以试一下看看效果