::-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.
Le pseudo-élément CSS ::-moz-color-swatch est une extension de Mozilla qui représente la couleur sélectionnée d'un élément <input> avec type="color".
Note :
Utiliser ::-moz-color-swatch sur tout autre élément qu'un <input type="color"> n'aura aucun effet.
Syntaxe
css
::-moz-color-swatch {
/* ... */
}
Exemples
HTML
html
<input type="color" value="#de2020" />
CSS
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
Loading…
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)