aganglada:
no analicé el css, supongo que estará bien, pero lo primero que tenes que hacer es darle un valor al value del input que hace el submit, si no chrome no lo renderiza correctamente Podrías poner un espacio en blanco tan solo, pero si haces esto, el problema te aparecería entonces en IE, la solución, poner un valor y fijar el color como transparente, Además esto que funcionaría en ie 9/7, vaya a saber por que no lo hace correctamente en ie8, con lo que hay que trabajar sobre el input de texto.
Como sea, esto trabaja bien en todos lados
Ej:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
.gets{
background: url(s.png) no-repeat center #E09D00;
width: 30px;
height:26px;
border: none;
cursor: pointer;
color: transparent;
padding: 0px;
}
.s{
width:200px;
height: 24px;
line-height: 24px;
border: solid 1px #ccc;
padding: 0px;
}
<form action="#" method="get"> <input class="s" type="text" id="s" name="s" value="" /><input class="gets" type="submit" value="x" id="searchsubmit" />
Saludos