Псевдоэлемент CSS `::-moz-color-swatch`

Нестандартное: Эта функция является нестандартной и не входит в какой-либо стандарт. Не используйте её на общедоступных сайтах: она будет работать не у всех пользователей. Реализации также могут быть значительно несовместимы друг с другом, а поведение функции может измениться в будущем.

::-moz-color-swatch — это CSS-псевдоэлемент, расширение Mozilla, которое представляет цвет, выбранный в <input> типа type="color".

Примечание: Использование ::-moz-color-swatch с чем-либо, кроме <input type="color">, не соответствует ни одному элементу и не оказывает никакого эффекта.

Синтаксис

::-moz-color-swatch {
  /* ... */
}

Примеры

HTML

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

CSS

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

Результат

Спецификации

Не входит ни в один стандарт.

Совместимость с браузерами

	Компьютер					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`-moz-color-swatch`	Нет	Нет	27	Нет	Нет	Нет	27	Нет	Нет	Нет	Нет	Нет

См. также

Похожие псевдоэлементы, используемые другими браузерами:
- ::-webkit-color-swatch, псевдоэлемент, поддерживаемый WebKit и Blink (Safari, Chrome и Opera)

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::-moz-color-swatch