В моем 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" />
Спасибо большое!1009 *
! - РЕДАКТИРОВАТЬ -
Это правильный способ сделать это!спасибо за ответы, ребята!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"/>