移动设备上的联系按钮和输入样式

Question

在移动设备上，当我点击联系表单上的提交时，按钮的背景颜色会变为与我在CSS中设置的颜色不同的颜色。我尝试过使用-appearance：none;并将bg颜色设置为！important。在那一刻我按钮的css是这样的：

button[type='submit']:active,button[type='submit']:focus,input[type='submit']:focus   
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; 
background:  #f4f4f4 !important;
}

这似乎没有任何效果。任何帮助或指示将非常感激。

Answer 1

我想到了很多解决方案，但似乎你们都用这段代码解决了这些问题。 我的猜测是，this文章可能（或可能不）帮助您。 另外，您目前正在尝试哪种移动浏览器？您是否尝试过与您不同的其他移动设备/浏览器？

编辑： >THIS<可能会回答您的问题。