-moz-focus-innere

Question

In einer anderen Frage fragte ich nach Ausrichtung wurde mir gegeben, um die Frage über Firefox als ein Trottel zu beantworten. Es hat funktioniert, aber es hat einen sauren Geschmack in meinem Mund hinterlassen und ich werde erklären warum.

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

Opera (10 in diesem Beispiel), Firefox (3 in diesem Beispiel) und Internet Explorer (7 für dieses Beispiel) alle zeigen eine input[type="submit"] Taste anders. Diese focus-inner Eigenschaft ist Standard 0 auf Opera 10, etwas wie 5px für Firefox und muss 6px für Internet Explorer sein.

Wie kann ich sie "alle" auf 0 zurücksetzen? Gibt es einen Standard-CSS-Aufruf, der nicht nur das oben genannte tut, sondern auch diese versteckte Eigenschaft für den IE setzt?

Answer 1

Der Grund, warum dies geschieht, ist einfach: weil alle diese Browser von verschiedenen Leuten gemacht werden. Sehen Sie sich beispielsweise Ihre Schaltflächen von Safari an. Es gibt keine CSS-Regel, die dazu führt, dass alle Schaltflächen in allen gängigen Browsern gleich aussehen.

Nun, eigentlich können Sie Pixel-Perfektion erreichen, wenn Sie jeden von ihnen persönlich behandeln, wie this. Und Sie können immer <input type="image"> verwenden, das wird den Trick mit Sicherheit tun.