Tirando borda de Input SUBMIT com imagem !CHORME

[iLilith 0]

bom tenho um input do tipo submit usando um background no css da class dele, mas no chrome ele fica com uma borda cinza ao redor, gostaria de saber como retiro-a

 

a class é a seguinte:

.button1{     background:url(../images/user/button-log.png) no-repeat 0 0;
width:169px;
height:55px;
display:block;
text-indent:-9000em;
overflow:hidden;
outline:none;
 }

[Electronic 124]

Já tentou:

border: 0;

[iLilith 0]

_{tbm não funciona. e outra também não consigo posicionar o value no centro..}

[Natan S. 6]

_{tbm não funciona. e outra também não consigo posicionar o value no centro..}

 

O value não está centralizado e nem vai estar pois você aplicou um recuo de -9000em.

 

Apliquei border: 0; como dito e funcionou como pode ver:

 

http://jsfiddle.net/ogd3myo9/1

 

Para centralizar o value basta remover o text-ident: -9000em; pois o padrão já é centralizado.

[iLilith 0]

vlw amigo ajudou muito :D