::-moz-color-swatch

非标准：此功能是非标准的，并且不在标准轨道上。不要在面向 Web 的生产站点上使用它：它不会对每个用户都起作用。实现之间也可能存在很大的不兼容性，并且行为将来可能会发生变化。

::-moz-color-swatch CSS 伪元素是一个 Mozilla 扩展，表示在 type="color" 的 <input> 中选择的颜色。

注意：除了 <input type="color"> 之外，将 ::-moz-color-swatch 用于任何其他内容都不会匹配任何内容，也不会产生任何效果。

语法

css

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

html

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

css

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

不属于任何标准。

BCD 表格仅在启用 JavaScript 的浏览器中加载。

其他浏览器使用的类似伪元素
- ::-webkit-color-swatch，WebKit 和 Blink（Safari、Chrome 和 Opera）支持的伪元素