html - Apple iphone 导致按钮在网站上被压扁

Question

我遇到一个问题，我的网站上的一个按钮被压扁了，但只有在实际的 iPhone 上，我无法在任何模拟器或模拟器上重新创建它来调试它。

我正在使用 html 和 cakephp

这是截图

这是按钮代码

<button id="ca_btn">
<img src="<?= CAKEPHP_URL ?>/img/ca_button.jpg" border="0" />
</button>

CSS

#ca_btn {

        background-color: white;
        border:none;
    }

    #ca_btn:focus{ outline:0;}

Answer 1

试试这个来摆脱苹果的风格

#ca_btn {
    background-color: transparent;
    border:none;
    -webkit-appearance: none;
    border-radius: 0;
}