蓝色按钮在iphone上显示为银色

Question

我有一个蓝色登录按钮的HTML代码：

<div class="p12">
<input type="submit" value="Log In" class="button loginButton">
</div>

及其风格（css）：

.loginButton {
background-color:#627aad;
border:1px solid #556A96;
width:100%;
box-sizing:border-box;

}

它应该如下所示：

在我测试的每个浏览器上看起来都像这样（Chrome，safari，IE ......） 但我不知道在iphone safari上打开页面的原因是什么原因，按钮的颜色变为银色，看起来像这样：

Answer 1

iOS上的Safari为按钮添加了比桌面浏览器更多的默认样式。

您可以使用以下行重置这些样式：

.button {
    -webkit-appearance: none;
    border-radius:none;
}

Answer 2

我认为您应该将它用于css中的button元素

-webkit-appearance: none;