在jquery中的样式按钮

Question

有一个css脚本，按钮样式并在网站上完美运行，我现在正在为网站开发一个移动网站，当我在jquery移动平台上的按钮上使用css时，它似乎不像在网页上。它给了一个很长的按钮，看起来不像在网站上

<style>
    input.button-add {  background-image: url(../images/love.png); /* 16px x 16px */
        background-color: transparent; /* make the button transparent */
        background-repeat: no-repeat;  /* make the background image appear only once */
        background-position: 0px 0px;  /* equivalent to 'top left' */
        border: none;           /* assuming we don't want any borders */
        cursor: pointer;        /* make the cursor like hovering over an <a> element */
        height: 16px;           /* make this the size of your image */
        padding-left: 20px;     /* make text start to the right of the image */
        vertical-align: middle; /* align the text vertically centered */
    }
</style>

    <input name="button" type="submit" class="button-add" id="button" value="Love" />