asp.net 按钮图像对齐

Question

我有一个带有图像的 ASP.net 按钮。我不是也不想使用 Imagebutton。这是一个标准的 asp.net 按钮。图片加载完美，但是：

1. 我希望图像在中心垂直对齐 按钮
2. 我希望图像距离左边缘 5 px 按钮

这可能吗？ 谢谢 达摩

HTML

<asp:Button CssClass="Button" ID="btnLogin" runat="server" Text="Login" onclick="btnLogin_Click" />

CSS

.Button
{


         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         -khtml-border-radius: 5px; 
          border-radius: 5px; 

          text-align:left;


          padding-left:20px;       
          background-repeat: no-repeat;
          background-image: url(/assets/img/action.gif);

}

Answer 1

这取决于图像大小..

但是这里你得到了代码，

.button{
background: url(/assets/img/action.gif) no-repeat 5px 50%;
padding:5px 5px 5px 20px;
border-radius:5px;
text-align:left;
}