iPad 按钮没有自定义 CSS

【问题标题】：iPad button doesn't get custom CSSiPad 按钮没有自定义 CSS
【发布时间】：2018-04-18 13:14:49
【问题描述】：

我给按钮一个自定义的 CSS。它适用于：

Windows 桌面（Chrome、Opera、Edge）
通过控制台移动设备演示的 Windows 桌面
Android（Opera、Chrome）
iOS（Safari、Chrome）

问题是在 iPad 上它不起作用。

css 是这样的：

input[type="button"],
    button,
    .theater-control-button {
        -webkit-appearance: none; /*Safari/Chrome*/
        -moz-appearance: none; /*Firefox*/
        -ms-appearance: none; /*IE*/
        -o-appearance: none; /*Opera*/

        -webkit-border-radius: 0;
    }

在 iPad 上，它看起来高度：15 像素，边框半径：30 像素。

【问题讨论】：

标签： html ios css ipad

【解决方案1】：

你应该尝试改变你的

<button type="button">

到

<button type="submit">

在您的 HTML 中

当然，在你的 CSS 中

input[type="submit"],
    button,
    .theater-control-button {
        -webkit-appearance: none; /*Safari/Chrome*/
        -moz-appearance: none; /*Firefox*/
        -ms-appearance: none; /*IE*/
        -o-appearance: none; /*Opera*/

        -webkit-border-radius: 0;
    }

这为我在 iPad 上解决了一次同样的问题，希望对您有所帮助。

【讨论】：