将图像转换为按钮图像:删除边框

Question

我有以下css的这个链接.

    <a href="step1.php">Buy Now</a>

    //css

    #buy a {
    background:transparent url(signup_bt.gif) repeat scroll 0 0;
    color:#FFFFFF;
    display:block;
    font-size:14px;
    font-weight:bold;
    height:37px;
    line-height:38px;
    text-align:center;
    text-decoration:none;
    width:126px;
    }

#buy a:hover{
background:transparent url(signup_bt2.gif) repeat scroll left bottom;
}

我现在需要将其更改为提交按钮,以便在表单中使用并且看起来与以前完全一样.我这样做了:

<input type="submit" value="Buy Now" />

#buy input{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:37px;
line-height:38px;
text-align:center;
text-decoration:none;
width:126px;
background:transparent url(signup_bt.gif) repeat scroll 0 0;
display:block;
}

#buy input:hover{
background:transparent url(signup_bt2.gif) repeat scroll left bottom;
}

它几乎可以工作,但它周围有一个可怕的边界,并在悬停按钮进入页面.我怎样才能解决这个问题？

如何删除边框,如何让按钮只是正常交换图像而不是进入页面.

谢谢大家

Answer 1

删除边框

border:0px;