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
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Soporte básico | Chrome Sin soporte No | Edge ? | Firefox Soporte completo Si | IE Sin soporte No | Opera Sin soporte No | Safari Sin soporte No | WebView Android Sin soporte No | Chrome Android Sin soporte No | Edge Mobile ? | Firefox Android Soporte completo Si | Opera Android Sin soporte No | Safari iOS Sin soporte No | Samsung 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:
::-webkit-color-swatch, pseudo-elemento soportado por WebKit y Blink (Safari, Chrome, and Opera)
