::-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 に固有の専用の擬似要素です。
ブラウザーの互換性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
::-moz-color-swatch |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Non-standard. Check cross-browser support before using.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
関連情報
-
他のブラウザーで使用される似た擬似要素
::-webkit-color-swatch
WebKit および Blink (Safari, Chrome, Opera) で対応している擬似要素