Morton 19 de mayo de 2013 a las 14.08
   Imprimir artículo
elWebmaster.com

Truco para corregir las alturas de los botones en Firefox


mozilla-firefox-5-wideUn problema que podemos ver ocasionalmente con las alturas de los botones en Firefox es que son algunos pixeles más altas que en otros navegadores. Esto puede ser una pesadilla cuando trata de unificar este tamaño. Aquí te acercamos un truco para solucionar este inconveniente.

El elemento del medio es un INPUT y los otros son elementos A básicos. Puede ver que el elemento INPUT es un poco más grande, lo suficiente para molestar a alguien de ojo agudo. Para esta solución haremos uso de -moz-focus-inner:

  1. input::-moz-focus-inner {
  2.     border: 0;
  3.     padding: 0;
  4. }

Este código ayuda pero no resuelve completamente el problema, el INPUT sigue siendo un poco grande. Ahora haremos esto:

  1. input::-moz-focus-inner {
  2.     border: 0;
  3.     padding: 0;
  4.     margin-top:-2px;
  5.     margin-bottom: -2px;
  6. }

Al establecer márgenes negativos con el -moz-focus-inner estableceremos la altura correcta.

Fuente original del artículo: David Walsh Blog
Traducción realizada por
elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. George Doe dice:

    Unas cuantas imágenes no le vienen mal al artículo 😛

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder