::-moz-color-swatch

非標準:此特性未標準化。我們不建議在生產環境中使用非標準特性,因為它們瀏覽器支援有限,並且可能會更改或被移除。但是,在沒有標準選項的特定情況下,它們可以是合適的替代方案。

::-moz-color-swatch CSS 偽元素 是一個 Mozilla 擴充套件,表示在 type="color"<input> 中選擇的顏色。

注意:::-moz-color-swatch 與非 <input type="color"> 的元素一起使用將不會匹配任何內容,也無效。

語法

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;
}

結果

規範

不屬於任何標準。

瀏覽器相容性

另見

  • 其他瀏覽器使用的類似偽元素