asp.net按钮图像对齐

时间:2012-09-30 15:49:33

标签: asp.net css button

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

  1. 我希望图像在中心垂直对齐 按钮
  2. 我希望图像从左边缘开始是5像素 按钮
  3. 这可能吗? 谢谢 达莫

    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);
    
    }
    

1 个答案:

答案 0 :(得分:1)

这取决于图像尺寸..

但是在这里你得到了代码,

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