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

Posted meiwenzx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置苹果手机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; } 

 

以上是关于设置苹果手机input按钮和button按钮颜色显示问题的主要内容,如果未能解决你的问题,请参考以下文章

input[type=submit]以及数字日期在苹果手机上显示异常的处理

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

ionic button 怎么设置边框

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

c#中(winform)如何去掉button边框颜色?

苹果手机input框上方有一条阴影线以及input框的placeholder颜色的设置