Ver Mensaje Individual
  #4 (permalink)  
Antiguo 12/03/2012, 16:03
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Buttons y text input de misma forma

Esas discrepancias entre navegadores es bastante comun, esta es una alternativa para corregirlo

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. <title>text y submit iguaes</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9. #form1 input {vertical-align:top;}
  10. #form1 input[type="text"] {width:140px; padding:8px; background:#ccc; border:none;}
  11. #form1 input[type="submit"] {width:80px; padding:8px; border:none; color:#fff; background: #554F9D;cursor:pointer;}
  12. #form1 input[type="submit"]::-moz-focus-inner {border:0;}
  13.  
  14. /*]]>*/
  15. </head>
  16. <form method="post" id="form1" action="#">
  17. <input type="text" value="" name="buscar" />
  18. <input type="submit" class="submit" value="buscar" />
  19. </form>
  20. </body>
  21. </html>

Funciona en IE8+, Opera, Firefox, Chrome, en Safari sigue haciendo de las suyas, pero por ahi creo que hay un fix dando vueltas.

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.