iPhone上的CSS输入按钮

我在这里有一个网站，在右上角有一个输入按钮，它在iphone上看起来很奇怪，我不知道为什么。它做成一个圆形/气泡状按钮

这是输入按钮的HTML

<input type="submit" id="button" name="button" class="searchBtn" value="GO"/>

---

任何帮助都将不胜感激

如果你可以访问mac，你可以在Safari中打开开发者工具，将浏览器置于iPhone模拟模式，并尝试以这种方式进行调试。

我修复了我的问题，但调整了css，如下所示

.searchBtn{
    background-color:#ffa18a;
    color:#FFF;
    height:31px;
    padding:0;
    width:32px;
    border:0;
    cursor:pointer;
   -webkit-appearance: none;
}

---

通过添加

-webkit外观：无该按钮现在在iphone上看起来不错，在iPad上也可以使用。
如果您的网站上有很多不同的按钮，请尝试：

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}

这将重置所有输入按钮，而不会导致复选框和其他输入出现问题。只需让CSS的其余部分保持原样

考虑将-moz外观和-ms外观也设置为none…
在我的iPhone上看起来不错。
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}