蓝色按钮出现在iPhone上

Question

银我有一个蓝色的登录按钮的这个网站码：

<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; 

}

它应该看起来像这样：

它看起来像这样在pc上每一个br我测试过的铬（铬，Safari，IE ...） 但我不知道什么原因当我打开iphone safari的页面按钮的颜色变成银色，它看起来像这样：

Answer 1

我想你应该在CSS

-webkit-appearance: none; 

Answer 2

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

您可以通过下面的代码重新设置这些样式：

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