iPhone上無法獲得完美的方形提交按鈕。另外，按鈕文本不居中

Question

我有一個使用遞交與下列CSS類樣式按鈕的基於Web的移動應用程序：

.submit_button_green input { 
height: 26px; 
width: 61px; 
border: 0px solid; 
font-size: 14px; 
color: fff; 
background-color: #00CC33; 
font-weight: bold; 
margin-top: -4px; 
text-shadow: 0px 2px 2px #333; 
text-align: center; 
-webkit-appearance: none; 
} 

在iPhone 4（iOS7）角仍略顯圓潤的邊角和按鈕上的文字位於右側（消失在按鈕的右側）。在Android設備上，按鈕非常完美。

Answer 1

此問題已經回答several times已經。首先將-webkit-外觀無：

input { 
    -webkit-appearance: none; 
} 

然後設置邊界半徑爲0：

input { 
    -webkit-appearance: none; 
    border-radius: 0; 
}