html - iPad 按钮没有获得自定义 CSS

Question

我已经为按钮提供了自定义 CSS。它适用于:

• Windows 桌面(Chrome、Opera、Edge)
• 通过控制台移动设备演示的 Windows 桌面
• Android(歌剧、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 像素。

Answer 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 上遇到的同样问题，希望对您有所帮助。