-moz-focus-inner

Question

En otra pregunta, pregunté acerca de la alineación que me dieron para responder a la pregunta sobre que firefox es un twit. Funcionó, pero me dejó un sabor amargo en la boca y explicaré por qué.

button::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
} 

Opera (10 en este ejemplo), Firefox (3 en este ejemplo) e Internet Explorer (7 para este ejemplo), todos muestran un botón de input[type="submit"] diferente. Esta propiedad focus-inner está predeterminada en 0 en Opera 10, algo así como 5px para Firefox y debe ser de 6px para Internet Explorer.

¿Cómo puedo "manta" restablecerlos todos a 0? ¿Hay una llamada CSS estándar que no solo haga lo anterior sino que establezca también esta propiedad oculta para IE?

Answer 1

La razón por la que esto está sucediendo es simple: porque todos estos navegadores están hechos por diferentes personas. Intenta mirar tus botones desde Safari, por ejemplo. No existe una regla CSS que obligue a todos los botones de todos los navegadores principales a tener el mismo aspecto.

Bueno, en realidad puedes lograr la perfección de píxeles, si tratas a cada uno personalmente, como this. Y siempre puedes usar <input type="image">, eso hará que el truco sea seguro.