Ich arbeite gerade an einigen groben Beispielen für eine neue Seite, an der ich gerade arbeite.
Aus irgendeinem Grund werden die späteren 2 dieser Buttons in Firefox (neuste) den Text etwas bewegen, als würde man eine Klick-Animation implementieren, wenn sie den aktiven Zustand betreten. Warum würde bei der ersten Schaltfläche dieses Problem nicht auftreten?
Code unten
%Vor%css unter
%Vor%jede Hilfe würde sehr geschätzt werden
Es erscheint ein Padding im Status: active. Ich habe 'padding: 0;' zu den ursprünglichen css-Deklarationen (so dass es unabhängig vom Status geerbt wird) und es das Problem behoben.
Bitte sehen Sie jsfiddle .
Ich weiß nicht, warum es nur auf den letzten beiden Tasten passiert ist.
James Healey Lösung funktioniert großartig. Ссылка Ich wollte nur klarstellen, dass die drei Knöpfe das gleiche Problem hatten, es war nur ein "visueller Effekt", der sie dazu brachte zu scheinen, dass sie es nicht taten. Hier ist eine Fiddle mit dem Problem, wo ich gerade die Textfarbe des .pinkbutton geändert habe: aktiv zu #FFF Ссылка
Tags und Links html css html5 cross-browser firefox