Jquery UI按钮 - css使自定义图标始终显示在文本之前，无论文本有多长

Question

我使用带有asp.net按钮的jquery UI在按钮上放置自定义图标。

在我的CSS中，我使用margin来移动cusom图标。如果文本较长，那么我需要更改边距。

无论按钮文本有多长，是否有任何方法可以在文本之前放置图标。 （我不必为不同的按钮创建单独的CSS）

用于asp.net按钮的Jquery

$(function () {
    $("input:submit").button({
        icons: {
            primary: 'cssbox-okbtn'
        }
    }).hide().after('<button>').next().button({
        icons: {
            primary: 'cssbox-okbtn'
        },
        label: $("input:submit").val()
    }).click(function (event) {
        event.preventDefault();
        $(this).prev().click();
    });
});

cusom buttom css

.cssbox-okbtn { 
background-image: url('/images/easyui/icons/ok.png') !important;
margin: 95px;      
}

asp.net page

<td align="center">
    <asp:Button ID="btnLogin"" Text=" Login " runat="server"   />                            
</td>