iPhone上的CSS输入按钮

我在这里有这个网站http://www.taranmarlowjewelry.com/?page_id=5和在右上角我有一个输入按钮，它看起来很怪异的iPhone，我不知道为什么。它变成了一个像按钮一样的圆圈/泡泡。iPhone上的CSS输入按钮

继承人的输入按钮

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

，这里的HTML是CSS

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

任何帮助将衷心感谢！

来源

2012-07-07 user979331

似乎在我的iPhone罚款。 – mddw 2012-07-07 21:26:06

我固定我的问题，但调整我的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的。

来源

2012-07-19 15:23:29 user979331

如果你有机会到Mac，你可以在Safari中打开开发者工具，把浏览器变成iPhone模拟模式，并尝试调试这种方式。

来源

2012-07-07 21:11:11

如果你有很多不同的按钮，这是在您的网站的问题，请尝试：

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

这应该所有的输入按钮复位，而不会与复选框和其他投入的问题。只需保留CSS的其余部分。

考虑-moz-外观和-MS-外观设置为none，以及...

来源

2013-01-15 18:39:20 squarecandy

为什么downvote？ – squarecandy 2014-08-28 00:23:27

iPhone上的CSS输入按钮

回答

相关问题