按鈕邊框和背景

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 

添加作爲輸入[類型=按鈕]的屬性。