::-moz-color-swatch

Traducción en curso

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 for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Soporte básico
No estándar
Chrome Sin soporte NoEdge ? Firefox Soporte completo SiIE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoEdge Mobile ? Firefox Android Soporte completo SiOpera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
Compatibility unknown  
Compatibility unknown
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,