Wie entferne ich gepunktete Fokuskonturen von Schaltflächen in Firefox?

Entfernen gepunkteter Fokuskonturen in Firefox für Elemente jenseits von Links

Während das Entfernen der unansehnlichen gepunkteten Fokuskonturen aus Links in Firefox mithilfe von CSS unkompliziert ist Eigenschaft a:focus { Gliederung: keine; }, wobei die gleiche Technik auf angewendet wird. Elemente erweisen sich oft als unwirksam.

Lösung: Verwendung des Mozilla-spezifischen Pseudoelements

Um die gepunktete Umrandung auf Schaltflächen in Firefox zu entfernen, ist es notwendig, den Browser zu verwenden -spezifisches Pseudoelement ::-moz-focus-inner. Dieses Element ermöglicht eine präzise Ausrichtung des Fokusrings, der innerhalb der Grenzen der Schaltfläche erscheint. Durch Setzen der Eigenschaft „Border“ auf 0 kann der Umriss effektiv ausgeblendet werden.

Der CSS-Code, um dies zu erreichen, lautet wie folgt:

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

Nach dem Login kopieren

Wenn dieser Code vorhanden ist, klicken Sie auf eine Schaltfläche in Firefox wird die gepunktete Kontur nicht mehr angezeigt, was zu einem ästhetisch ansprechenderen und konsistenteren Benutzererlebnis führt.

Das obige ist der detaillierte Inhalt vonWie entferne ich gepunktete Fokuskonturen von Schaltflächen in Firefox?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!