::-moz-color-swatch

Saltar a:
  1. Sintaxis
  2. Ejemplo
  3. Especificaciones
  4. Browser compatibility
  5. Ver tambien

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

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.

Sintaxis

Syntax not found in DB!

Ejemplo

HTML

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

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.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
::-moz-color-swatch
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

Leyenda

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:

Etiquetas y colaboradores del documento

Colaboradores en esta página: mdnwebdocs-bot, Adorta4
Última actualización por: mdnwebdocs-bot,