藍色按鈕出現在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; 
}