::-webkit-meter-suboptimum-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-suboptimum-value da color amarillo al elemento meter cuando su valor cae fuera del rango mix-max.

Ejemplos

html

<meter min="0" max="10" value="6">Puntuación sobre 10</meter>

css

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

Nota: Sólo funciona en navegadores basados 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 usados por WebKit/Blink para dar estilo a otras partes del elemento <meter> :