如果你在ios的Safari下做过网页的预览你就会发现,它的button的效果是与你设计的完全不一样的,圆圆的效果,也不象PC上是方的,这是怎么回事?
原来,IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。
下面这句代码就是重置这些样式的:
CSS代码
- -webkit-appearance: none;
因此,实际的代码就类似如下:
CSS代码
- input[type=button]{
- -webkit-appearance:none;
- outline:none
- }
可以试一下看看效果