码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-09-08 14:48:09      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:webkit   美化   按钮   样式   简单   自带   button   inpu   去掉   

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

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

-webkit-appearance: none;
可以去掉iOS input自带的阴影边框

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

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

嗯,就这些,虽简单,但很实用!

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

标签:webkit   美化   按钮   样式   简单   自带   button   inpu   去掉   

原文地址:http://www.cnblogs.com/yzhihao/p/7494192.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!