This translation is incomplete. Please help translate this article from English

No estándar
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

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.


Syntax not found in DB!



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


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



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

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
No estándar
Chrome Sin soporte NoEdge Sin soporte NoFirefox Soporte completo 27IE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Soporte completo 27Opera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No


Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
No estandar . Esperar poco soporte entre navegadores.
No estandar . Esperar poco soporte entre navegadores.

Ver tambien

  • Pseudo-elementos similares usados por otros buscadores: