asp.net + ImageButton带有不需要的边框

时间:2013-01-25 12:50:03

标签: asp.net css

我有一个asp.net ImageButton,周围有不需要的边框。 BorderStyle已设置为none。我也尝试过Border-Width:0但没有成功。我偶然发现了这个链接:

http://weblogs.asp.net/reganschroder/archive/2008/01/22/remove-border-width-0px-from-asp-image-or-asp-imagebutton.aspx

显然它也无济于事。有人可以帮忙吗感谢。

<div class="squareButtonFrame "><asp:ImageButton ID="imgDelete" runat="server" CssClass="imgButtonImg imgDelete" BorderStyle="none" CommandName="Delete"/></div>

.squareButtonFrame /* This is the square frame which already has a border */
{
    margin-top: 3px;
    padding-bottom: 3px;
    display:inline-block; 
    height:32px; 
    width:35px; 
    border: thin solid #E1E1E1; 
    background-color: #FCFCFC;
    text-align:center;
    cursor:pointer
}

.imgButtonImg 
{
    margin: 0; 
    padding: 0;
    display:inline-block;
    height: 35px;
    width: 35px;
 } 

.imgDelete 
{
  background: url('/Images/Delete.png')  no-repeat center center;
}

2 个答案:

答案 0 :(得分:1)

这应该是一个技巧:

.imgButtonImg 
{
    margin: 0; 
    padding: 0;
    display:inline-block;
    height: 35px;
    width: 35px;
    border: 0; // note this line
 } 

答案 1 :(得分:0)

我猜问题是由于没有设置ImageUrl。我实际上是使用CSS来设置背景。