This article needs a technical review. How you can help.
Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
Summary
The <-webkit-meter-even-less-good-value> gives a red color to the meter element when the value and the optimum attributes fall outside the low-high range but in opposite zones. For example, value < low < high < optimum or value> high > low > optimum.
Specifications
Not part of any specification. This is a proprietary pseudo-element specific to WebKit/Blink.
Examples
Meter ::-webkit-meter-even-less-good-value {
Background: -webkit-gradient
(linear, left top, left bottom, from (#f77), to (#f77), color-stop(0.45, #d44), color-stop(0.55 #d44));
Height: 100%;
Box-sizing: border-box;
}
See also
⦁ The pseudo-elements used by WebKit/Blink to style other parts of a <meter> element:
⦁ <webkit-meter-inner-element>
⦁ <webkit-meter-bar>
⦁ <webkit-meter-optimum-value>
⦁ <webkit-meter-suboptimum-value>