::-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

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

html

<meter min="0" max="10" value="6">Score out of 10</meter>

::-webkit-meter-even-less-good-value

Exemples

CSS

HTML

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi