CSS3按鈕屬性在iPad中顯示不同

Question

我正在使用css3作爲「按鈕」，它在每個瀏覽器上運行良好，但它在iPad中顯示的不同。我認爲這需要iPad的默認屬性，所以我應用 「-webkit-appearance：none;」但它不工作。

我的CSS屬性是 - background：＃1356b4; border：solid 1px＃0e4189;邊界半徑：5像素;過渡：全部0.3秒緩出; -webkit-外觀：無;。

而html代碼是簡單的span class按鈕和輸入。

如果有人有任何解決方案，請幫助我。

Answer 1

通過添加-webkit-appearance: none;我們告訴移動Safari，我們明確不希望我們的按鈕被設計爲像本機Apple UI控件一樣。