-moz-focus-inner

Question

In un'altra domanda ho chiesto dell'allineamento mi è stato dato per rispondere alla domanda su firefox essere un twit. Ha funzionato, ma ha lasciato un sapore aspro in bocca e spiegherò perché.

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

Opera (10 in questo esempio), Firefox (3 per questo esempio) e Internet Explorer (7 per questo esempio) appaiono in maniera diversa un pulsante di input[type="submit"]. Questa proprietà focus-inner è l'impostazione predefinita 0 su Opera 10, qualcosa come 5px per firefox e deve essere 6px per Internet Explorer.

Come posso "blanket" resettarli tutti a 0? C'è una chiamata CSS standard che non solo farà quanto sopra, ma imposterà anche questa proprietà nascosta per IE?

Answer 1

Il motivo per cui questo sta accadendo è semplice: perché tutti questi browser sono fatti da persone diverse. Prova ad esempio a guardare i tuoi pulsanti da Safari. Non esiste una regola CSS che forzerà tutti i pulsanti in tutti i principali browser ad apparire identici.

Bene, in realtà è possibile ottenere la perfezione dei pixel, se trattate ognuno personalmente, come this. E puoi sempre usare <input type="image">, che sicuramente lo farà.