按钮边框＆amp;背景

Question

在我的CSS中，我试图通过添加这样的背景来掩盖按钮的外观：

input[type=button]
{
background-image:url('../images/next-button.png');
background-position:0px;
background-repeat: no-repeat;
height:60px;
width:120px;
outline: 0;

}

input[type=button]:hover
{
background-position: 0px -66px;
}
input[type=button]:active
{
background-position: 0px -132px;
}

新背景显示，但按钮本身背景周围仍有灰色边框。我怎么删除这个？背景图像是一个透明的PNG，所以我知道这个轮廓不是来自我正在使用的图像。

这是按钮的HTML

<input type="button" id="submit1" />

非常感谢！

！ - 编辑 -

这是正确的方法！谢谢你们的答案！ CSS：

input[type=button]
{
border: none ;
background-image:url('../images/next-button.png');
background-position:0px;
background-repeat: no-repeat;
height:60px;
width:120px;
outline: 0;

}

input[type=button]:hover
{
background-position: 0px -66px;
}
input[type=button]:active
{
background-position: 0px -132px;
}

.next_btn{
border: none ;
color:#FFFFFF;
background-color:#FFFFFF;
}

和HTML：

<input type="button" class="next_btn" id="submit1"/>

Answer 1

尝试添加

border: none

作为输入[type = button]的属性。