asp.net - 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;
}