::-webkit-meter-optimum-value
No estándar: Esta función no está estandarizada. No recomendamos usar funciones no estándar en producción, ya que tienen un soporte limitado en los navegadores y pueden cambiar o eliminarse. Sin embargo, pueden ser una alternativa adecuada en casos específicos donde no exista una opción estándar.
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
Ver además
Los pseudo-elementos de WebKit/Blink para dar estilos a otras partes de <meter>: