-moz-focus-inner

Question

W innym pytaniu zapytałem o wyrównanie, które otrzymałem, aby odpowiedzieć na pytanie o to, że firefox jest bzdurą. Zadziałało, ale pozostawiło mi w ustach kwaśny smak i wyjaśnię dlaczego.

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

opera (10 w niniejszym przykładzie), Firefox (3 w tym przykładzie) i Internet Explorer (siedem w tym przykładzie) wykazywać przycisk input[type="submit"] inaczej. Ta właściwość focus-inner jest domyślnie 0 w Opera 10, coś jak 5px dla firefox i musi być 6px dla Internet Explorera.

W jaki sposób mogę "zresetować" je wszystkie do 0? Czy istnieje standardowe wywołanie CSS, które nie tylko wykona powyższe czynności, ale także ustawi tę ukrytą właściwość dla IE?

Answer 1

Powód, dla którego tak się dzieje, jest prosty: ponieważ wszystkie te przeglądarki są tworzone przez różne osoby. Spróbuj na przykład spojrzeć na swoje przyciski z Safari. Nie ma czegoś takiego jak jedna reguła css, która wymusi, że wszystkie przyciski we wszystkich głównych przeglądarkach wyglądają tak samo.

Rzeczywiście, możesz osiągnąć perfekcję pikseli, jeśli traktujesz każdą z nich osobiście, np. this. Zawsze możesz użyć <input type="image">, co z pewnością rozwiąże problem.