iphone - iPhone 上的 CSS 输入按钮

Question

我这里有这个网站http://www.taranmarlowjewelry.com/?page_id=5在右上角我有一个输入按钮，它在 iPhone 上看起来很奇怪，我不知道为什么。它形成一个圆形/气泡状的按钮。

这是输入按钮的 HTML

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

这是 CSS

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

如有任何帮助，我们将不胜感激!

Answer 1

我解决了我的问题，但像这样调整我的CSS...

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

通过添加 -webkit-appearance: none; 该按钮现在在 iPhone 上看起来不错，这也适用于 iPad。