Wie behebe ich zu große Tastenabstände in Firefox?

Korrektur der Schaltflächenabstände in Firefox

In Firefox haben Schaltflächen im Vergleich zu anderen Browsern tendenziell zusätzliche Abstände und Abstände. Dies kann ein kosmetisches Hindernis sein, insbesondere wenn ein einheitliches Design über verschiedene Browser hinweg beibehalten wird.

Um diesen Abstand zu beseitigen, fügen Sie das folgende CSS hinzu:

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

Diese Regel zielt auf den „Fokus nach innen“ ab. Pseudoelement, das spezifisch für Firefox ist. Indem Sie die Eigenschaften „padding“ und „border“ auf Null setzen, wird der zusätzliche Abstand entfernt.

Zusätzlich ist es ratsam, die Eigenschaft „border“ in die Regel aufzunehmen. Dies liegt daran, dass durch das Festlegen des Abstands auf Null die gepunktete Kontur entfernt wird, die um die Schaltfläche herum erscheint, wenn diese in Firefox den Fokus erhält. Einige Entwickler entscheiden sich dafür, diese Gliederung vollständig zu entfernen, während andere sie durch ein optisch ansprechenderes Element ersetzen.

Mit diesem CSS haben die Schaltflächen sowohl in Firefox als auch in anderen Browsern einen einheitlichen Abstand und ein einheitliches Erscheinungsbild. Einen visuellen Vergleich finden Sie im aktualisierten JSFiddle-Beispiel unten:

[Updated JSFiddle](http://jsfiddle.net/thirtydot/Z2BMK/1/)

Das obige ist der detaillierte Inhalt vonWie behebe ich zu große Tastenabstände in Firefox?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!