このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

CSS ::-moz-color-swatch 擬似要素

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

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

メモ: ::-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;
}

結果

仕様書

どの仕様書にも含まれていません。

ブラウザーの互換性

関連情報

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