首页 文章

iPad按钮无法获得自定义CSS

提问于
浏览
0

我给了按钮一个自定义的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上它看起来高度:15px,边框半径:30px .

1 回答

  • 0

    你应该尝试改变你的

    <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上为我解决了同样的问题,希望它有所帮助 .

相关问题