::-webkit-meter-even-less-good-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 ::-webkit-meter-even-less-good-value da color rojo al elemento meter cuando el valor y el atributo optimum están fuera del rango establecido y en zonas opuestas. Por ejemplo valor < low < high < optimum o valor> high > low > optimum.

Ejemplos

html
<meter min="0" max="10" value="6">Score out of 10</meter>
css
meter::-webkit-meter-even-less-good-value {
  background: linear-gradient(to bottom, #f77, #d44 45%, #d44 55%, #f77);
  height: 100%;
  box-sizing: border-box;
}

Nota: This will only work in Webkit/Blink-based browsers.

Especificaciones

No es parte de ninguna especificación. Es un elemento propietario y específico de WebKit/Blink.

Compatibilidad con navegadores

BCD tables only load in the browser

Ver además

The pseudo-elements used by WebKit/Blink to style other parts of a <meter> (en-US) element are as follows: