Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
::-moz-color-swatch
No estándar: Esta función no está estandarizada. No recomendamos usar funciones no estándar en producción, ya que tienen un soporte limitado en los navegadores y pueden cambiar o eliminarse. Sin embargo, pueden ser una alternativa adecuada en casos específicos donde no exista una opción estándar.
El::-moz-color-swatchpdseudo-elemento CSS es unaextension de Mozilla que representa el color seleccionado en un<input> detype="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 itemEjemplo
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.
Compatibilidad con navegadores
Ver tambien
- Pseudo-elementos similares usados por otros buscadores:
::-webkit-color-swatch, pseudo-elemento soportado por WebKit y Blink (Safari, Chrome, and Opera)