::-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
::-moz-color-swatch {
/* ... */
}
Beispiele
HTML
<input type="color" value="#de2020" />
CSS
input[type="color"]::-moz-color-swatch {
border-radius: 10px;
border-style: none;
}
Ergebnis
Spezifikationen
Gehört zu keinem Standard.
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
::-moz-color-swatch |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Non-standard. Check cross-browser support before using.
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.