HTML按钮图像在iOS上无法正确显示

Question

我有一个简单的按钮，我试图使用CSS显示为图像。出于某种原因，无论我尝试什么，它都会显示为屏幕上的一个小按钮。我错过了什么？

这是我的按钮代码：

<div id="do_square_payment" align="center" style="display:none;">
                            <button id="do_square_payment_btn" value="Square"></button>
                           </div>

这是我的CSS

code:

    #do_square_payment_btn {
    background-image: url(../images/Square.png);
    background-repeat: no-repeat;
    height: 200px;
    width: 200px;
    border: none;
   -webkit-appearance: none;
    }

我也附了截图。