::-moz-focus-inner

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Nicht standardisiert: Diese Funktion ist nicht standardisiert und befindet sich nicht auf dem Weg zur Standardisierung. Verwenden Sie sie nicht auf Produktionsseiten, die dem Web ausgesetzt sind: Sie funktioniert nicht für alle Benutzer. Es kann auch große Inkompatibilitäten zwischen Implementierungen geben, und das Verhalten kann sich in Zukunft ändern.

Das ::-moz-focus-inner CSS-Pseudoelement ist eine Mozilla-Erweiterung, die einen inneren Fokusrahmen des <button>-Elements sowie der Typen button, submit, reset und color des <input>-Elements darstellt.

Hinweis: Die Verwendung von ::-moz-focus-inner bei etwas anderem als den Buttons, die es unterstützen, führt zu keinen Treffern und hat keine Wirkung.

Syntax

css
::-moz-focus-inner {
  /* ... */
}

Beispiel

HTML

html
<input type="submit" value="Input" /> <button type="submit">Button</button>

CSS

css
button::-moz-focus-inner,
input[type="color"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding-block-start: 0px;
  padding-inline-end: 2px;
  padding-block-end: 0px;
  padding-inline-start: 2px;
  border: 2px dotted red;
}

Ergebnis

Spezifikationen

Nicht Teil eines Standards.

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch