::-moz-color-swatch
Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The ::-moz-color-swatch
CSS pseudo-element is a Mozilla extension that represents the color selected in an <input>
of type="color"
.
Note: Using ::-moz-color-swatch
with anything but an <input type="color">
doesn't match anything and has no effect.
Syntax
css
::-moz-color-swatch {
/* ... */
}
Examples
HTML
html
<input type="color" value="#de2020" />
CSS
css
input[type="color"]::-moz-color-swatch {
border-radius: 10px;
border-style: none;
}
Result
Specifications
Not part of any standard.
Browser compatibility
BCD tables only load in the browser
See also
- Similar pseudo-elements used by other browsers:
::-webkit-color-swatch
, pseudo-element supported by WebKit and Blink (Safari, Chrome, and Opera)