CSS - 按鈕的背景顏色不改變移動

Question

左邊的一個是計算機上，右一個是移動。 我不希望手機上有漸變背景或圓邊。

input { 
    margin: 0px; 
    font-size: 20px; 
    border: 0px; 
    background: green; 
    color: lime; 
    height: 40px; 
    width: 123px; 
    padding: 0px; 
} 

Answer 1

我知道，在像iPhone和使用Safari有不同的格式輸入，包括圓邊等蘋果產品的移動設備。最簡單的方法是使用onclick函數創建圖像。像這樣，或onmouseover爲懸停效果。

<script> 
function myfunction(){ 

} 
</script> 

<img src="picture.png" onclick="myfunction();" onmouseover="this.src='image2.gif'" /> 

Answer 2

你可以設置屬性 「-webkit-外觀」 到 「無」：

input { 
    -webkit-appearance: none; 
}