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

Posted 2023-04-12

苹果手机按钮样式添加-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; }