::-webkit-meter-suboptimum-value

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 ::-webkit-meter-suboptimum-value donne une couleur jaune à l'élément <meter> lorsque la valeur de l'attribut est en dehors de l'intervalle haut des valeurs.

Exemples

CSS

css
meter::-webkit-meter-suboptimum-value {
  background:
    -webkit-gradient linear,
    left top,
    left bottom;
  height: 100%;
  box-sizing: border-box;
}

HTML

html
<meter min="0" max="10" value="6">Score sur 10</meter>

Résultat

Note : Cette fonctionnalité ne sera visible que depuis un navigateur 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

Voir aussi

Les pseudo-éléments utilisés par WebKit/Blink pour mettre en forme les autres parties d'un élément <meter> :