::-moz-color-swatch

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

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

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

语法

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

示例

HTML

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

CSS

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

结果

规范

不属于任何标准。

浏览器兼容性

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

另请参阅

  • 其他浏览器使用的类似伪元素