::-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 的浏览器中加载。
另请参阅
- 其他浏览器使用的类似伪元素
::-webkit-color-swatch
,WebKit 和 Blink(Safari、Chrome 和 Opera)支持的伪元素