::-moz-color-swatch
非標準: この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。
::-moz-color-swatch
は CSS の擬似要素であり、 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
関連情報
-
他のブラウザーで使用される似た擬似要素
::-webkit-color-swatch
WebKit および Blink (Safari, Chrome, Opera) で対応している擬似要素