IOS移除按钮原生样式/css去掉iPhone、iPad默认按钮样式

HTML/CSS 前端客 4772℃ 0评论

IOS (iphone,ipad等)环境下的按钮的样式会改变,和自己设定的样式不一致。这是因为,ios会对按钮使用系统默认样式,但通常我们在设计webapp的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。

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

-webkit-appearance: none;

只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了!~

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}
textarea {  -webkit-appearance: none;}  

如果还有圆角的问题,

.button{ border-radius: 0; } 

嗯,看上去很简单,但是很有效。

喜欢 (2)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)