::-webkit-meter-even-less-good-value
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 ::-webkit-meter-even-less-good-value
donne une couleur rouge à l'élément <meter>
lorsque les valeurs de value
et d'optimum sont dans des intervalles opposés (par exemple : value
< low
< high
< optimum
ou value
> high
> low
> optimum
).
Exemples
CSS
meter::-webkit-meter-even-less-good-value {
background: linear-gradient(to bottom, #f77, #d44 45%, #d44 55%, #f77);
height: 100%;
box-sizing: border-box;
}
HTML
<meter min="0" max="10" value="6">Score out of 10</meter>
Résultat
Note : Cela fonctionnera uniquement pour les navigateurs Webkit/Blink.
Spécifications
Ce pseudo-élément est un pseudo-élément propriétaire lié à WebKit/Blink et ne fait partie d'aucune spécification.
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
Les pseudo-éléments utilisés par WebKit/Blink pour mettre en forme les autres parties d'un élément <meter>
: