IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。
下面这句代码就是重置这些样式的:
-webkit-appearance: none;
通常,我们在写移动端的web开发时,会zaicommon.css中添加以下CSS代码来:
input[type=button]{ -webkit-appearance:none; outline:none}
嗯,就这些,虽简单,但很实用!
本文介绍了一种在移动端Web开发中去除iOS环境下按钮默认样式的简单方法,通过使用CSS属性-webkit-appearance:none;实现样式重置,使按钮外观更符合WebApp设计需求。
IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。
下面这句代码就是重置这些样式的:
-webkit-appearance: none;
通常,我们在写移动端的web开发时,会zaicommon.css中添加以下CSS代码来:
input[type=button]{ -webkit-appearance:none; outline:none}
嗯,就这些,虽简单,但很实用!

被折叠的 条评论
为什么被折叠?