前端HTML/CSS
选课中心 APP下载
当前位置:首页 > 技能类 > 前端 > HTML/CSS > IOS下移除按钮原生样式 -webkit-appearance

IOS下移除按钮原生样式 -webkit-appearance

更新时间:2018-01-30 15:01:59 来源: 阅读量:

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

IOS下移除按钮原生样式 -webkit-appearance

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

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

-webkit-appearance: none;

通常,我们在写移动端的web开发时,会zaicommon.css中添加以下CSS代码来:

input[type=button]{-webkit-appearance:none;outline:none}
嗯,就这些,虽简单,但很实用!

分享到: 编辑:admin