::-webkit-meter-optimum-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-optimum-value permet de mettre en forme l'élément <meter> lorsque la valeur de son attribut tombe dans l'intervalle haut. La couleur appliquée par défaut est le vert.

Exemples

CSS

css

meter::-webkit-meter-bar {
  background: none;
  background-color: whiteSmoke;
  box-shadow: 0 5px 5px -5px #333 inset;
}

meter::-webkit-meter-optimum-value {
  box-shadow: 0 5px 5px -5px #999 inset;
}

HTML

html

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

::-webkit-meter-optimum-value

Exemples

CSS

HTML

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi