::-moz-color-swatch

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-color-swatch CSS Pseudo-Element ist eine Mozilla-Erweiterung, die die ausgewählte Farbe in einem <input> vom Typ type="color" darstellt.

Hinweis: Die Verwendung von ::-moz-color-swatch mit etwas anderem als einem <input type="color"> hat keine Wirkung und wird nicht erkannt.

Syntax

css
::-moz-color-swatch {
  /* ... */
}

Beispiele

HTML

html
<input type="color" value="#de2020" />

CSS

css
input[type="color"]::-moz-color-swatch {
  border-radius: 10px;
  border-style: none;
}

Ergebnis

Spezifikationen

Gehört zu keinem Standard.

Browser-Kompatibilität

Siehe auch

  • Ähnliche Pseudo-Elemente, die von anderen Browsern verwendet werden:

    • ::-webkit-color-swatch, ein Pseudo-Element, das von WebKit und Blink (Safari, Chrome und Opera) unterstützt wird.