Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
::-moz-color-swatch
Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.
Lepseudo-élémentCSS::-moz-color-swatch estune extension de Mozilla qui représente la couleur sélectionnée d'un élément<input> avectype="color".
Note :Utiliser::-moz-color-swatch sur tout autre élément qu'un<input type="color"> n'aura aucun effet.
Syntaxe
::-moz-color-swatch { /* ... */}Exemples
HTML
<input type="color" value="#de2020" />CSS
input[type="color"]::-moz-color-swatch { border-radius: 10px; border-style: none;}Résultat
Specifications
Ce pseudo-élément ne fait partie d'aucun standard.
Compatibilité des navigateurs
Voir aussi
- Les pseudo-éléments semblables utilisés par les autres navigateurs :
::-webkit-color-swatchpris en charge par WebKit et Blink (utilisés par Safari, Chrome et Opera)