::-moz-color-swatch

No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.

El ::-moz-color-swatch pdseudo-elemento CSS es una extension de Mozilla que representa el color seleccionado en un <input> de type="color".

Nota: Usando ::-moz-color-swatch con cualquier cosa excepto <input type="color"> no concuerda con nada y no tiene efecto.

Sintaxis

Error: could not find syntax for this item

Ejemplo

HTML

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

CSS

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

Resultado

Especificaciones

No es parte de ninguna especificacion. Es un pseudo-elemento patentado específicamente para Gecko.

Compatibilidad con navegadores

BCD tables only load in the browser

Ver tambien

  • Pseudo-elementos similares usados por otros buscadores: