我有以下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;
}
它几乎可以工作但是,它周围有一个可怕的边界,并在悬停按钮进入页面。我该如何解决这个问题?
如何删除边框,如何让按钮只是正常交换图像而不是进入页面。
全部谢谢
答案 0 :(得分:5)
删除边框
border:0px;
答案 1 :(得分:1)
我在CSS中使用border:none。它对我有用。
答案 2 :(得分:0)
为什么不使用<input type="submit" src="signup_bt2.gif" />
?