-moz-focus-inner

Question

En otra pregunta que pregunté sobre la alineación, me la dieron para responder a la pregunta sobre Firefox como un imbécil. Funcionó pero dejó un sabor agrio en mi boca y explicaré por qué.

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

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

¿Cómo puedo " blanket " restablecerlos a todos a 0? ¿Existe una llamada CSS estándar que no solo haga lo anterior sino que también establezca 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 de Safari, por ejemplo. No existe una regla CSS que obligue a que todos los botones de todos los navegadores principales se vean iguales.

Bueno, en realidad puedes lograr la perfección de píxeles, si tratas a cada uno de ellos personalmente, como esto . Y siempre puedes usar <input type="image">, eso seguramente funcionará.