::-moz-color-swatch

Kein Standard: Diese Funktion ist nicht standardisiert und befindet sich nicht im Standardisierungsprozess. Verwenden Sie sie nicht auf Produktionsseiten, die auf das Web ausgerichtet sind: Sie wird nicht für alle Benutzer funktionieren. Außerdem kann es 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 im type="color" <input> ausgewählte Farbe darstellt.

Hinweis: Die Verwendung von ::-moz-color-swatch mit etwas anderem als einem <input type="color"> hat keine Übereinstimmung und keinen Effekt.

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

Nicht Teil eines Standards.

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

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

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