::-webkit-meter-optimum-value
No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.
Resumen
El pseudo-elemento CSS ::-webkit-meter-optimum-value da estilo al elemento meter cuando su valor está dentro del rango min-max establecido.
El color por defecto es verde.
Ejemplos
html
<meter min="0" max="10" value="6">Puntuación sobre 10</meter>
css
meter::-webkit-meter-bar {
/* Necesario para eliminar la propiedad de fondo por defecto */
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;
}
Nota: Sólo funciona en navegadores basado en Webkit/Blink.
Especificaciones
No es parte de ninguna especificación. Es un pseudo-elemento propietario y específico de WebKit/Blink.
Compatibilidad con navegadores
BCD tables only load in the browser
Ver además
Los pseudo-elementos de WebKit/Blink para dar estilos a otras partes de <meter> (en-US):