::-webkit-meter-inner-element

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-inner-element est un pseudo-élément qui permet de sélectionner et d'appliquer des styles au conteneur d'un élément <meter>.

Exemples

CSS

css

meter {
  /* Réinitialise l'apparence par défaut */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

meter::-webkit-meter-inner-element {
  -webkit-appearance: inherit;
  box-sizing: inherit;
  border: 1px solid #aaa;
}

HTML

html

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

::-webkit-meter-inner-element

Exemples

CSS

HTML

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi