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