Tema: Estilo de Input en Chrome
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 23/07/2011, 13:38
Avatar de aganglada
aganglada
 
Fecha de Ingreso: julio-2011
Ubicación: Málaga
Mensajes: 14
Antigüedad: 13 años, 4 meses
Puntos: 3
Respuesta: Estilo de Input en Chrome
Cita:
Iniciado por emprear Ver Mensaje
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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>titulo</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <style type="text/css">
  8.     
  9.     .gets{
  10.     background: url(s.png) no-repeat center #E09D00;
  11.     width: 30px;
  12.     height:26px;
  13.     border: none;
  14.     cursor: pointer;
  15.     color: transparent;
  16.     padding: 0px;
  17. }
  18.  
  19. .s{
  20.     width:200px;
  21.     height: 24px;
  22.     line-height: 24px;
  23.     border: solid 1px #ccc;
  24.     padding: 0px;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div class="navs">
  30. <form action="#" method="get">
  31. <input class="s" type="text" id="s" name="s" value="" /><input class="gets" type="submit" value="x" id="searchsubmit" />
  32. </form>
  33. </div>
  34. </body>
  35. </html>

Saludos
Muchas Gracias por tu aporte, efectivamente era exactamente eso lo que fallaba, muchísimas gracias!