::-moz-color-swatch

Non standard: Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Le pseudo-élément ::-moz-color-swatch est un pseudo-élément spécifique à 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

Error: could not find syntax for this item

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 est spécifique à Gecko et ne fait partie d'aucune spécification.

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi

  • Les pseudo-éléments semblables utilisés par les autres navigateurs :