::-webkit-meter-bar
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-bar
est un pseudo-élément spécifique à WebKit et permet de mettre en forme l'arrière-plan d'un élément <meter>
.
Exemples
CSS
meter {
/* On réinitialise l'apparence par défaut */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
meter::-webkit-meter-bar {
background: #eee;
box-shadow: 0 2px 3px rgba (0, 0, 0, 0.2) inset;
border-radius: 3px;
}
HTML
<meter min="0" max="10" value="6">Score sur 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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
::-webkit-meter-bar |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Non-standard. Check cross-browser support before using.
- Deprecated. Not for use in new websites.
Voir aussi
-
Les pseudo-éléments utilisés par WebKit/Blink pour mettre en forme les autres parties d'un élément
<meter>
: