::-moz-color-swatch

非標準: この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

::-moz-color-swatchCSS擬似要素であり、 Mozilla 拡張で、 <input>type="color" で選択された色を表します。

メモ: ::-moz-color-swatch<input type="color"> 以外に何も一致せず、何も効果がありません。

構文

Error: could not find syntax for this item

HTML

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

CSS

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

結果

仕様書

どの仕様書でも定義されていません。これは Gecko に固有の専用の擬似要素です。

ブラウザーの互換性

BCD tables only load in the browser

関連情報

  • 他のブラウザーで使用される似た擬似要素