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控件一样。