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

Posted FEDeveloper

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IOS下移除按钮原生样式 -webkit-appearance相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

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


以上是关于IOS下移除按钮原生样式 -webkit-appearance的主要内容,如果未能解决你的问题,请参考以下文章

ios下移除原生样式

设置苹果手机input按钮和button按钮颜色显示问题

vue项目全局防抖, 点击后移除按钮焦点

第四章:IOS Table表视图搜索功能UISearchBar

如何在不添加新数组的情况下移除元素?

在 CSS 中隐藏原生 Android HTML5 视频播放按钮