CSS3 按钮属性在 iPad 中显示不同答案

【问题标题】：CSS3 Button properties are showing different in iPadCSS3 按钮属性在 iPad 中显示不同
【发布时间】：2023-03-13 15:48:01
【问题描述】：

我将 css3 用于“按钮”，它在每个浏览器上运行良好，但在 iPad 上显示不同。我认为它需要 iPad 的默认属性，所以我申请 "-webkit-appearance:none;" 但它不起作用。

我的 CSS 属性是 - background:#1356b4;边框：实心 1px #0e4189;边框半径：5px； transition:all 0.3s ease-in-out; -webkit-appearance:none;.

而html代码就是简单的span类按钮和输入。

如果有人有任何解决方案，请帮助我。

【问题讨论】：

【解决方案1】：

通过添加-webkit-appearance: none;，我们告诉移动版 Safari，我们明确不希望我们的按钮被设计成像原生 Apple UI 控件一样的样式。

【讨论】：