苹果手机按钮样式添加-webkit-appearance: none; 样式以后还是有圆角,这个圆角应该怎么去掉?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了苹果手机按钮样式添加-webkit-appearance: none; 样式以后还是有圆角,这个圆角应该怎么去掉?相关的知识,希望对你有一定的参考价值。

苹果手机按钮样式添加-webkit-appearance: none; 样式以后还是有圆角,这个圆角应该怎么去掉?

还需要设置checkbox被选中后的状态,input[type=checkbox]:checked:after,用图片表示选中追问

input[type="button"], input[type="submit"], input[type="reset"],input,input[type=checkbox]:checked:after
-webkit-appearance: none;

是这样写吧?怎么用图片表示选中,放一个背景图?

参考技术A appearance:none !important;
-webkit-appearance:none !important;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;

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

网页上,尽管设置了input按钮和button的背景颜色,但在苹果手机上测试时仍会发现背景颜色为透明渐变色,不起作用,怎么解决呢?

在css公共样式中加上下面代码就可以解决,去除button和input按钮系统默认appearance的样式,常用于IOS下移除原生样式。

input[type=button], input[type=submit], input[type=file], button {cursor:pointer;outline:0px; -webkit-appearance:none; } 

 

以上是关于苹果手机按钮样式添加-webkit-appearance: none; 样式以后还是有圆角,这个圆角应该怎么去掉?的主要内容,如果未能解决你的问题,请参考以下文章

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

ios系统(苹果手机)按钮显示为圆角和渐变的问题

移动端input标签按钮为什么在苹果手机上还有一层白色?

苹果手机 怎么设置不显示运营商名称

学习苹果iPhone safari浏览器样式重置修复按钮圆角bug

在苹果手机上input有内阴影怎么去除